消除渲染阻塞资源

4ftgvrd196 · 发表于 2024-1-11 18:03:50

否则，您所做的更改可能不会直接反映在您所看到的内容中。步骤 6. 删除阻碍渲染的资源渲染是将代码转换为可见网页的过程。这里的关键词是“可见”，因为网页并不总是需要完全加载才能可见。因此，优先加载“首屏”内容的资源是有意义的。您可以通过设置“低于首屏”将非关键 CSS 和 JavaScript 文件的加载推迟到以后。为此，请选中 WPRocket 设置中的“延迟加载 JavaScript”和“优化 CSS 交付”复选框。 11 wprocket 优化 css 如果您不使用 WPRocket，您将需要两个插件： Autoptimize 和 Async JavaScript 。在 Autoptimize 的设置中，选中“Inline and Defer CSS”。然后，在异步 JavaScript 设置中，单击“启用异步 JavaScript”。

如果您之前在PageSpeed Insights工具中见过“eliminate render-blocking resources（消除渲染阻塞资源）”问题，那么可电报号码数据以通过上述方法解决。 12 渲染阻塞页面速度见解步骤 7. 图像和视频的延迟加载延迟加载通过延迟图像和视频的加载来提高整体页面速度。如果您运行的是 WordPress 5.5 或更高版本，默认情况下会启用图像延迟加载，但不会启用视频。如果您使用的是 WPRocket 插件，请选中“LazyLoad”设置下的“启用 iframe 和视频”框以解决此问题。 13 延迟加载视频如果不是 WPRocket，免费的视频延迟加载插件也可以做同样的事情。步骤8.优化Google字体（Google Fonts）许多主题都使用Google字体，每次有人访问您的网站时都必须从Google服务器下载这些字体。这可能是一个耗时的过程，因为您的服务器必须发出 HTTP 请求，下载 CSS 文件，然后从样式表中引用的位置下载字体。它还必须对页面上的每种字体执行此操作。

如果您使用 WPRocket，它会自动优化 Google Font 请求。否则，最好更换 Google Fonts 。步骤 9. 打开预加载预加载允许您定义基本资源，以便浏览器知道首先加载哪些文件。例如，假设您的代码如下所示： <html> <head> <script type="text/javascript" src="somefile.js"></script> <link rel=”stylesheet” href=”/style. css”> </head> <body> 内容 </body> </html> 基于此代码，由于层次结构，需要先加载 JavaScript 文件。

帐号		自动登录	找回密码
密码			加入7GG