我运行了一个运行 avada 主题的个人 wordpress 网站,并在其上运行了谷歌页面速度洞察工具,它说我遇到了一个问题“消除首屏内容中的渲染阻止 JavaScript 和 CSS”。
我不确定如何纠正这个问题,我不知道如何编写 wordpress 主题,所以无法更改代码。我试过使用几个插件来解决这个问题,而接近修复它的最接近的一个是“自动优化”。如果有人有任何建议,将不胜感激。
我运行了一个运行 avada 主题的个人 wordpress 网站,并在其上运行了谷歌页面速度洞察工具,它说我遇到了一个问题“消除首屏内容中的渲染阻止 JavaScript 和 CSS”。
我不确定如何纠正这个问题,我不知道如何编写 wordpress 主题,所以无法更改代码。我试过使用几个插件来解决这个问题,而接近修复它的最接近的一个是“自动优化”。如果有人有任何建议,将不胜感激。
看看 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。希望能帮助到你。
看起来有一个名为Above The Fold Optimization的 wordpress 插件可以为您完成很多工作。我相信它也可以实现压缩。安装插件后