你是不是想在WordPress中消除呈现阻塞的JavaScript和CSS？ 如果你在Google PageSpeedInsights上测试你的网站，那么你很可能会看到一个关于消除呈现阻塞脚本和css的建议。然而，它并没有提供关于如何在您的WordPress站点上做到这一点的任何细节。 在这篇文章中，我们将向你展示如何在WordPress中轻松修复呈现阻塞的JavaScript和CSS，以提高你的Google PageFast分数。 用户的浏览器必须先加载这些脚本和css，然后才能将其余的HTML加载到页面上。这意味着连接速度较慢的用户将不得不多等待几毫秒才能看到页面。 这些脚本和样式表被称为呈现块JavaScript和CSS。 如果WordPress的网站所有者想要获得100分的Google页面速度，他们需要解决这个问题才能获得满分。 注：WP Rocket会尝试缩小你所有的css文件，合并它们，只加载你网站可见部分所需的css。这可能会影响你的网站的外观，所以你需要在多种设备和屏幕尺寸上彻底测试你的网站。 接下来，您需要滚动到“JavaScript Files”部分。从这里，您可以选中实现最大性能改进的所有选项。 您可以缩小和组合JavaScript文件，就像您对css所做的那样。 您还可以阻止WordPress加载jQuery迁移文件。这是WordPress加载的一个脚本，用来为使用旧版本jQuery的插件和主题提供兼容性。 大多数网站不需要这个文件，但你仍然需要检查你的网站，以确保删除它不会影响你的主题或插件。 接下来，进一步向下滚动，选中“加载延迟的脚本”和“jQuery的安全模式”选项旁边的框。 这些选项延迟加载非必要的Java脚本，并且jQuery安全模式允许您加载可能内联使用它的主题的jQuery。如果您确定您的主题没有在任何地方使用内联jQuery，则可以不选中此选项。 别忘了点击“保存更改”按钮来保存你的设置。 在此之后，您可能还想清除可湿性粉剂火箭的缓存，然后再测试您的网站与谷歌的网页速度洞察。 在我们的测试站点上，我们能够在桌面设备上获得100%的分数，并且在移动和桌面分数上都解决了渲染阻塞问题。 接下来，向下滚动到“css选项”框并选中“优化css代码”选项。确保未选中“Aggregate css-files”选项。 现在，您可以单击“保存更改并清空缓存”按钮来存储您的设置。 继续使用PageSpeedInsights工具测试您的网站。在我们的演示站点上，我们能够使用这些基本设置修复渲染阻塞问题。 如果仍然有渲染阻止脚本，那么您需要返回到插件的设置页面，并检查在JavaScript和CSS选项下的设置。 例如，您可以允许插件包含内联JS，并删除默认排除的脚本，如seal.js或jquery.js。然后，只需点击“保存更改并清空缓存”按钮，即可保存您的更改并清空插件缓存。 一旦你完成了，继续使用PageSpeedInsights工具再次检查你的网站。 自动优化是如何工作的？ AutOptimize聚合了所有入队的Java脚本和CSS。在那之后，它会创建缩小的css和Java脚本文件，并将缓存副本以异步或延迟的形式提供给您的网站。 这使您可以修复渲染阻止脚本和样式问题。但是，请记住，它也会影响您的网站的性能或外观。 对渲染阻止进行故障排除-阻止JavaScript和CSS 根据插件和你的WordPress主题如何使用JavaScript和CSS，可能很难完全解决所有呈现阻塞的JavaScript和CSS问题。 虽然上述工具可以提供帮助，但您的插件可能需要不同优先级的某些脚本才能正常工作。在这种情况下，上述解决方案可能会破坏此类插件的功能，或者它们可能会出现意外行为。 谷歌可能仍然会向你展示某些问题，比如为上面的内容优化css交付。WP Rocket允许您通过手动添加显示主题的上述折叠区域所需的关键CSS来修复此问题。 但是，很难找出您需要哪些CSS代码来显示折叠上方的内容。 我们希望这篇文章能帮助你学习如何在WordPress中修复呈现阻塞的JavaScript和CSS。你可能还想看看我们关于如何为初学者提高WordPress性能的终极指南，以及我们对管理最好的WordPress托管公司的比较。 中国和中国都是如此。
