您是否要消除阻止WordPress页面加载的文件（CSS和JS）？ 如果要在Google Insights PageSpeed上测试网站，则可能会看到一条建议，以消除阻止页面加载的脚本。 在本教程中，我们将向您展示如何修复阻止页面加载的这些文件，以提高您的Google PageSpeed得分。
什么阻碍了页面的加载？
每个WordPress网站都有一个主题和插件，这些插件会在页面的末尾以及在浏览器中可见之前添加JavaScript和CSS文件。 这些脚本可以增加您的网站页面的加载时间，并且它们也可以阻止页面的呈现。
用户的浏览器将需要在加载页面内容之前先加载脚本和CSS。 这意味着连接速度较慢的用户将不得不再等待几毫秒才能查看页面。
试图获得良好的Google PageSpeed得分的网站所有者需要解决此问题。
1-如何使用自动优化来纠正页面呈现
此方法更简单，建议大多数用户使用。
您需要做的第一件事是安装并激活插件“ Autoptimize ”。 有关更多详细信息，请参见 我们有关如何安装WordPress插件的分步指南.
激活插件后，您必须访问“ 设置>自动优化 配置插件设置。
您可以先选中JavaScript和CSS选项框，然后单击“保存更改”按钮。
您现在可以测试您的 网站Web 使用 PageSpeed 工具。 如果仍有脚本阻塞页面渲染，则需要返回插件设置页面，点击顶部的“显示高级设置”按钮。
在这里，您可以允许插件包含JS内联，并删除默认情况下排除的脚本，例如“ seal.js”或“ jquery.js”。
然后向下滚动到CSS选项，并允许插件合并所有CSS文件。
单击“保存更改并清空缓存”按钮以保存您的更改并 清空缓存 该插件。
完成后，继续检查您的 网站Web 再次使用 PageSpeed 工具。
确保在优化JavaScript或CSS文件后对网站进行彻底测试，以确保一切正常。
2-使用W3总缓存修复文件渲染
此方法需要做更多的工作，建议那些已经在其上安装了 W3 Total Cache 的用户使用此方法。 现场网络.
首先，您需要安装并激活W3 Total Cache插件。 如果你需要帮助， 查看我们的完整指南W3总缓存.
然后，您需要访问“性能>常规设置”，然后向下滚动到“缩小”部分。
首先，您需要选中“启用”框，然后为缩小模式选项选择“手动”。
点击按钮 保存所有设置 保存设置。
然后，你需要添加要收缩脚本和CSS。
您可以获得所有必须根据Google PageSpeed Insights进行组合的脚本和样式表的URL。
在建议的内容中，“ 消除阻止呈现的JavaScript和CSS ，单击“显示如何解决”。 它将显示脚本和样式表的列表。
将鼠标移到脚本上，它将显示完整的URL。 您可以选择此URL，然后在键盘上使用CTRL + C（在Mac上为Command + C）来复制URL。
现在转到您的WordPress管理委员会，然后转到“ 性能 > Minifier “。
首先，您需要添加要压缩的JavaScript文件。 向下滚动到JS部分，然后在嵌入的类型为“请勿使用'async'阻止”类型的设置的“区域中的操作”下。
然后，您必须单击按钮 添加脚本 然后开始添加从Google PageSpeed工具复制的脚本URL。
完成后，向下滚动到CSS部分，然后单击“添加样式表”按钮。 现在开始添加您使用Google PageSpeed工具复制的样式表网址。
现在点击按钮 保存设置和清除缓存 保存设置。
访问Google PageSpeed工具并再次测试您的网站。
确保您还仔细测试了您的网站，以确保一切正常。
这就是本教程的全部内容，我希望它能让你提高你的性能 WordPress博客.
