因为需要读取的文件较少

jetahix

只需知道，在将网站部署到生产环境之前，您一定应该测试这将如何影响您的网站。尤其是当涉及到 Javascript 时，最小化可能会导致代码损坏。 步骤 5. 合并 CSS 和 JavaScript 文件 大多数 WordPress 网站都包含多个 CSS 和 JavaScript 文件。有些用于主题，有些用于插件，有些可能是自定义的。 组合这些文件可能会加快速度，但这取决于您的服务器配置。 在 HTTP/1.1 中，CSS 和 JavaScript 文件是按顺序加载的。也就是说，一个文件必须在下一个文件开始加载之前完全加载。 使用 HTTP/2，文件会同时加载。这意味着多个 CSS 和 JavaScript 文件可以同时开始加载。


如果您的服务器使用 HTTP/1.1，合并文件的速度会更快，因为需要读取的文件较少。如果您使用的是 HTTP/2，合并文件不一定会产生很大 巴哈马电报号码 的差异，因为文件可能会同时读取。 要查看您的网站正在使用哪个版本，请将您的域连接到 Key CDN 的测试仪。 如果不支持 HTTP/2，则可能值得组合 CSS 和 JavaScript 文件。 要使用 WPRocket 执行此操作，请在设置中选中“合并 JavaScript 文件”和“合并 CSS 文件”。 如果您使用 Autoptimize，则有两个复选框可用于“聚合”文件。请注意，这些复选框有时会“破坏”您的网站。另外，不要忘记先清除缓存并检查隐身窗口中的更改。否则，您的更改可能不会生效。 步骤 6. 删除阻止渲染的资源 渲染是将代码转换为可见网页的过程。 显示网页时，并非所有部分都需要完全加载。 因此，优先加载出现在“屏幕顶部”的内容非常重要。






这可以通过“非首屏”并推迟加载内容所需的非必要 CSS 和 JavaScript 文件来实现。您可以使用 WPRocket 通过选中“延迟加载 JavaScript”和“优化 CSS 交付”选项来实现此目的。 如果您不使用 WPRocket，则需要两个插件：Autoptimize和Async JavaScript。 在自动优化设置中，选中“显示 CSS 内联和延迟加载”。然后，在异步 JavaScript 设置中，启用“异步加载 JavaScript”。 如果您之前看到 PageSpeed Insights 出现“减少阻止渲染的资源”的问题，这通常可以解决该问题。 步骤 7. 延迟加载图像和视频 延迟加载通过推迟图像和视频的加载直到它们显示在屏幕上来提高页面速度。如果您使用的是 WordPress 5.5 或更高版本，默认情况下会启用图像延迟加载，但不会启用视频。 如果您使用的是 WPRocket，解决方案是在 LazyLoad 设置中选中“启用 iframes 和视频”。