网站所有者在优化网站加载速度时遇到的最常见问题之一是渲染阻塞资源。

Google PageSpeed Insights 等页面速度测试工具凸显了这个问题。

它让网站管理员对如何修复它一无所知。

由于您正在阅  印尼电话号码表 读本指南，因此您也可能在 PageSpeed Insights 或任何其他此类工具中看到了此问题。

不用担心 - 在本指南结束时，您将从您的网站中消除渲染阻塞的 WordPress 资源。

让我们开始吧！

经常问的问题

“消除渲染阻塞资源”是什么意思？

渲染阻止资源是页面内容中包含的 CSS 或 JS 文件，它们会阻止浏览器在加载网页的其余部分之前渲染它们。

如果这些资源位于网页顶部附近（即在标题或首屏内容中），它们可能会使整个页面加载速度相当慢。

我如何知道我是否有渲染阻塞资源？

如果您使用 Google 的 PageSpeed Insights 工具，它可以轻松告诉您页面上是否存在渲染阻塞资源。

然后您就可以开始消除它们的过程。

消除 WordPress 渲染阻塞需要什么

您将需要以下任何插件来消除 WordPress 网站中的渲染阻塞资源：

WP Rocket 插件（付费选项）

Autoptimize 插件和异步 JavaScript 插件（免费选项）。

如何消除 WordPress 渲染阻塞：分步说明

方法#1：使用 WP Rocket 插件消除渲染阻塞资源

性能插件，例如 WP Rocket 提供了整体解决方案来提高 WordPress 网站的加载速度。

因此，WP Rocket 也包含消除渲染阻塞 WordPress 资源的功能也就不足为奇了。

使用方法如下：

购买后，插件下载链接将发送到您的电子邮件，您可以从那里下载 WP Rocket 插件。

现在转到插件>>添加新插件 ，然后单击“上传插件” 按钮。

单击“选择文件”浏览您的文件 ，然后选择下载的 WP Rocket .zip 文件。

单击“立即安装”开始安装插件。

安装插件后，您将在屏幕上收到一条成功消息以及激活该插件的链接。

单击该链接以激活该插件。

现在，在您的仪表板中，从 WordPress 仪表板的左侧面板中选择 WP Rocket 。

导航到“文件优化” 选项卡。

在此选项卡中，打开“优化 CSS 交付”选项。oogle PageSpeed Insights 工具中测试您的网站。您不会再次遇到渲染阻塞错误。

能没有预算或不愿意为此目的在插件上花费一些钱。

因此，这里有另一个解决方案：使用 Autoptimize 插件，您可以免费消除渲染阻塞资源。

只需按照以下步骤操作即可：

导航至插件 >> 添加新插件。

两者安装完毕后，激活它们请通过单击各自的“激活”按钮来

接下来，导航至设置 >> 异步 Javascript  ，然后选中顶部的“启用异步 Javascript” 复选框。

现在在“应用异步” 和“应用延迟”选项之间进行选择。

您应该首先尝试“异步”选项，但如果出现问题，则可以尝试“延迟”选项。

如果仍然遇到问题，您还可以尝试其余两个选项，这两个选项都启用异步或延迟模式，但排除 jQuery。