网站为什么慢：PageSpeed Insights 给出具体到元素的优化建议

「网站有点慢」是个模糊的抱怨。想知道慢在哪一步、哪个文件、改哪里最有效，需要一份带数据的体检报告。

它解决什么问题

性能问题常被猜错：以为是服务器慢，其实是首屏图片太大；以为要升级配置，其实是渲染阻塞的脚本。

而性能数据如果不分真机与实验室两种，容易得出互相矛盾的结论。

核心能力

三个核心指标分别意味着什么

LCP 衡量首屏最大那块内容多久渲染出来 —— 用户感觉「页面打开了」的时刻。图片没压缩、字体阻塞、服务器响应慢都会拖它。

INP 衡量用户操作后界面多久给出反馈。这个指标差通常来自一个执行时间过长的主线程脚本，典型场景是首屏加载了一堆统计与埋点代码。

CLS 衡量页面加载过程中元素有没有「跳位」。最常见的原因是图片没有写死宽高，加载完成后把下面的内容顶下去，用户正要点按钮时按钮跑了。

谁适合用

• 负责站点性能优化的前端与运维
• 接单做网站、需要给客户交付性能报告的人
• 自己搭站、想知道该从哪里优化的站长
• 做 SEO、需要关注核心网页指标的人

怎么开始

1. 打开 pagespeed.web.dev，输入要检测的网址，可选择移动或桌面。
2. 先看顶部的三项核心指标，绿色为良好、橙色需改进、红色为差。
3. 往下看「机会」列表，按预估节省时间排序，从第一条开始改。
4. 注意区分「实验室数据」与「现场数据」：前者是模拟，后者来自真实访客，后者更能反映实际。
5. 改完重新测，建议隔几天再测一次，让现场数据积累到足够样本。

常见问题

分数低就一定有问题吗？
分数是综合估算。重点看具体指标与建议，而不是执着于那个百分数。

为什么两次测分数不一样？
模拟环境有波动，现场数据也随时间变化。看趋势而不是单次数值。

国内站点测试准吗？
它的测速节点在境外，国内站点的服务器响应时间会偏长，实际用户体验可能更好。

需要登录吗？
不需要，完全免费无限制。

授权与合规

PageSpeed Insights 由 Google 免费提供，可任意频次使用，无需注册。 官网：pagespeed.web.dev。