PageSpeed Insights怎么看WordPress得分？

学完这篇，你能看懂 PageSpeed Insights 给 WordPress 站点打出的每一项分数，并知道该从哪几个地方动手改。下面按操作顺序拆开讲。

第一步：打开 PageSpeed Insights，分清两种数据

这一步要拿到你站点的检测报告，并搞明白页面顶上两块数据不是一回事。打开浏览器（Chrome 120 以上即可），访问 https://pagespeed.web.dev/，在输入框里填完整网址，必须带 https://，例如 https://example.com/，然后点右侧的「分析」按钮。

结果页上方有两块：第一块是「使用真实用户数据了解此网页的效果」，数据来自 Chrome 用户体验报告（CrUX），反映过去 28 天真实访客的表现；如果站点流量太小，这里会显示「没有可用的数据」。第二块是「诊断性能问题」，来自 Lighthouse 实验室，是模拟一次访问跑出来的分数，也就是大家常说的那个 100 分。

页面顶部还有「移动设备」和「桌面设备」两个标签，默认停在移动设备。

注意：WordPress 站点移动端分数通常比桌面低 20～30 分，因为手机 CPU 和网络被模拟降速。只看桌面分容易自我感觉良好。

第二步：看懂分数区间和四个核心指标

这一步要能判断分数到底算好还是差。Lighthouse 满分 100，0～49 是红色「差」，50～89 是橙色「需要改进」，90～100 是绿色「良好」。

分数由指标加权得出，权重最大的是 TBT（总阻塞时间，约 30%）、LCP（最大内容绘制，约 25%）、CLS（累积布局偏移，约 25%），剩下给 FCP 和 SI。对应的达标线：LCP 小于 2.5 秒、CLS 小于 0.1、TBT 小于 200 毫秒、FCP 小于 1.8 秒。

WordPress 站点的典型病因：TBT 高多半是插件加载的 JS 太多；LCP 高多半是主机响应慢、首图太大或字体阻塞；CLS 高多半是图片没写宽高或广告位没有预留空间。

注意：真实用户数据里的 INP 已经在 2024 年 3 月取代 FID，但 Lighthouse 实验室报告里对应的仍是 TBT，别把两个名字当成同一个指标。

第三步：点开「诊断」看具体问题清单

这一步要找到可执行的修改项。在报告里往下滚，展开「机会」和「诊断」两个折叠区。WordPress 站点最常出现的几条：

• 消除渲染阻塞资源（Eliminate render-blocking resources）——通常是主题和插件的 CSS/JS。
• 适当调整图片大小（Properly size images）——上传了 2000px 宽的图却只显示 800px。
• 使用新一代格式（Serve images in next-gen formats）——建议换成 WebP/AVIF。
• 减少未使用的 JavaScript（Reduce unused JavaScript）——插件在前台加载了用不到的功能。
• 避免巨大的网络负载（Avoid enormous network payloads）——首页总资源超过 2MB。

每条右边都有「预计节省」的秒数或 KB，优先改节省最多的。

第四步：回 WordPress 后台逐项修

这一步是把报告里的问题落到插件和主题设置上。以 WordPress 6.5 为例：

缓存：安装 WP Rocket 3.15 以上，进入「设置 > WP Rocket > 缓存」，勾选「启用移动端缓存」；或用 LiteSpeed Cache 6.x，在「LiteSpeed Cache > 缓存」里开启。图片：装 ShortPixel 或 Imagify，把已有图片批量转 WebP，上传前单张压到 200KB 以内。字体：用 OMGF 插件把 Google Fonts 本地化，或在主题里改成系统字体。插件排查：装 Query Monitor 3.15，看哪个插件的查询和脚本最耗时；测分数时先停掉非必要插件，主题切到 Twenty Twenty-Four 做对照。

注意：每次测之前，必须清空缓存插件缓存、CDN（如 Cloudflare）缓存，并用无痕窗口打开。否则 PageSpeed Insights 抓到的是旧文件，改完看不出变化。

第五步：复测并盯真实数据

这一步确认修改是否真的生效。回到 https://pagespeed.web.dev/ 重新分析，对比移动端的 LCP、TBT、CLS 三项数值。想深挖可以点「查看原始数据」下载 JSON，看具体是哪个资源拖慢的。

真实用户数据（CrUX）是 28 天滚动窗口，改完后不会立刻变，隔一两周再看一次即可。

小结

• 页面顶部的真实用户数据看长期趋势，下方 Lighthouse 分数看具体可改项，两者别混为一谈。
• 分数 0～49 差、50～89 需改进、90～100 良好，重点盯 LCP、TBT、CLS。
• WordPress 排查顺序：主机响应 → 图片大小和格式 → 插件 JS/CSS → 缓存和 CDN → 字体。
• 每次复测前清空所有缓存并用无痕窗口，否则数据不准。
• 移动端分数是主战场，桌面分只作参考。