如何解决网站测速延迟

Question

所以我在一个带有 litespeed 和 cloudflare 的 VPS 上建立了这个 wordpress 博客。该网站从同一个 VPS 服务器上的恢复安装中加载了一些横幅，只是该域没有安装 cloudflare。

虽然页面速度和 wslow 分数都不错，但我仍然获得 3 到 5 秒的页面加载。你可以在这里看到结果：

https://gtmetrix.com/reports/www.survivalsullivan.com/WIZjVt68

虽然个别资源似乎加载速度很快（包括恢复横幅），但瀑布中似乎存在莫名其妙的“延迟”......我不是网站优化方面的专家，但确实有一些经验。

我错过了什么吗？我找不到关于如何阅读瀑布的像样的资源，尽管我想出了大部分内容。谢谢！

Answer 1

总的来说，你取得了不错的成绩！

首先处理 gtmetrix 显示的所有图像：使用 Photoshop、jpeg mini 或 sprite 优化它们。

如果您还没有安装 bj 延迟加载插件和首屏。 安装和配置 W3C 缓存，这将修复在 gtmetrix 中仍然不是绿色的 YSLOW 设置。

我假设您使用某种主题/页面构建器？看看是否可以减少页面中 dom 元素的数量。使用 DOM 怪物！查看您的页面的嵌套程度。 例如，如果需要显示图像，请不要将其嵌套在容器 div 内的行内的列内的 div 中。

如果您的网站将被多个国家/地区的用户使用，我建议您为 MAXCDN 付费。它还集成到 W3C 缓存插件中。

如果您使用谷歌字体，请尝试将它们添加到本地样式而不是获取它们。