wordpress - 如何修复 "eliminate render-blocking javascript and css in above-the-fold content"

Question

我运行了一个运行 avada 主题的个人 wordpress 网站，并在其上运行了 google page speed insights 工具，它说我遇到了一个问题“消除首屏内容中阻止呈现的 JavaScript 和 CSS”。

我不确定如何纠正这个问题，我不知道如何编写 wordpress 主题代码，所以无法更改代码。我尝试使用多个插件来修复此问题，而接近修复它的是“autoptimize”。如果有人有任何建议，将不胜感激。

Answer 1

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

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

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

Source