如何修复“消除首屏内容中的渲染阻止 javascript 和 css”答案

【问题标题】：How to fix "eliminate render-blocking javascript and css in above-the-fold content"如何修复“消除首屏内容中的渲染阻止 javascript 和 css”
【发布时间】：2015-02-04 12:52:07
【问题描述】：

我运行了一个运行 avada 主题的个人 wordpress 网站，并在其上运行了 google 页面速度洞察工具，它说我遇到了一个问题“消除首屏内容中的渲染阻止 JavaScript 和 CSS”。

我不知道如何解决这个问题，我不知道如何编写 wordpress 主题，所以无法更改代码。我已经尝试使用几个插件来解决这个问题，而接近修复它的最接近的一个是“自动优化”。如果有人有任何建议，将不胜感激。

【问题讨论】：

标签： wordpress performance seo pagespeed google-pagespeed

【解决方案1】：

看看 wp_enqueue_script()。它允许您指定在何处回显脚本，特别是最后一个参数 $in_footer。如果在呈现 HTML 后脚本在页脚中回显，它将解决您的问题。通常从主题目录（wp-content/themes/your-theme-name/functions.php）中的 functions.php 文件调用 javascripts。寻找这样的东西：

wp_enqueue_script('isotope', get_bloginfo('template_url').'/js/jquery.isotope.min.js', array('jquery'), '1.3.110525', true);

它告诉 wordpress 将依赖于 jQuery 的脚本排入队列并在页脚中回显它。如果您查看网页的源代码，您可以看到哪些脚本在页眉中回显，哪些在页脚中。无论如何，某些插件会在标头中回显脚本，因此如果不修改实际插件，您将无能为力。此外，在加载 DOM 之前，可能需要在顶部加载一些 javascript。希望对您有所帮助。

Source

【讨论】：

【解决方案2】：

看起来有一个名为 Above The Fold Optimization 的 wordpress 插件可以为您完成很多工作。我相信它也可以实现压缩。安装插件后

【讨论】：