如何优化WordPress速度

Question

我的 WordPress 网站 速度很慢（加载时间为 6.9 秒），页面大小为 4.9 Mb。

我用 GTmetrix 来分析我的主页：

我认为主要问题在于 JavaScript 的延迟解析。

Answer 1

根据 Google PageSpeedInsights，以下是您的网站加载速度非常慢的两个主要原因：

Answer 2

敲响警钟的原因有很多，其中一些甚至可能引起您的重大担忧。

首先，您需要分析网站的当前加载时间。请记住，此速度可能因页面而异，因为它取决于多种因素，即：

• 该特定页面的大小，
• 它生成了多少请求，
• 是否缓存，
• 最后，它托管什么类型的内容（静态或动态）。

为了加快速度，您可以：

• 选择更好的网络托管提供商
• 使用轻量级 WordPress 主题/框架
• 缩小图像尺寸
• 缩小 JS 和 CSS 文件
• 通过缓存插件使用高级缓存机制
• 使用CDN
• 启用 GZIP 压缩
• 清理 WordPress 数据库

Answer 3

您可以将这 3 步视为第一步：

1. 减小页面大小
2. 消除渲染阻塞资源
3. 减少TTFB时间

1.缩小页面大小

考虑以下因素：

1. 将所有内容图像转换为 WebP 或至少 JPG，并尝试使典型的 1200x800 图像文件大小低于 50KB - 70KB（大约）
2. 删除所有不必要的常见 JavaScript 和样式，只保留渲染每个页面真正需要的那些。对于许多主题开发人员来说，将所有内容放入一个主要的大型通用 JS 或 CSS 文件中是很常见的，这会产生不需要的输出（关于页面性能）。
3. 不要将您的内容图像/视频文件托管在与您的网页相同的服务器/域上。尝试使用像 MaxCDN/Cloudflare 这样的 CDN 服务。
4. 对每个页面上的 DOM 节点进行限制，尽量使其低于 1000 个节点，并尽可能降低。您可以考虑重新设计主题以使用更少的 HTML 元素，并在每个页面中放置更少的内容（关于 HTML 元素/DOM 节点）。

2.消除渲染阻塞资源

考虑以下因素：

1. 不要使用JS来渲染页面元素（尽可能多）。尽量将 JS 推迟到页面末尾，这样就不会中断渲染过程。
2. 提取每个页面的 above the Fold 部分的关键 CSS，并将其直接放入页面 head 部分内的

   <style>

   标签内。然后尝试将页面其余部分的样式作为独立的 css 文件加载（然后可以长期缓存）。您可以使用这些在线免费工具来提取页面的关键CSS。
3. 延迟加载页面内的所有图像，除了页面的 ATF（首屏）图像。

3.减少 TTFB 时间

考虑以下因素：

1. 使用 Cloudflare 等 CDN 服务向访问者提供页面的缓存版本（这部分有点棘手，因为登录用户不应该获得某些页面的缓存版本）
2. 使用 Cloudflare 等优化的 DNS 服务，使 DNS 解析周期消耗的额外时间最少。
3. 在服务器和 CDN 上使用 Gzip 压缩来提供页面的压缩版本。
4. 使用 HTML 和 CSS 以及 JS 缩小。
5. 在CDN上使用早期提示和其他相关技术来减少首字节时间。
6. 保存这个问题，如果我的答案有帮助，请投票。