性能测试 · 官方网站
PageSpeed Insights 怎么看?别只盯着一个分数
Google 的网页性能分析工具,结合实验室和真实用户数据。
PageSpeed Insights 很多人只看顶部的分数,但真正有价值的是下面的指标和诊断。一个分数能帮助快速比较,却不能解释所有真实用户体验。
先区分实验室数据和真实用户数据
实验室数据来自一次受控测试,适合定位问题;真实用户数据来自实际访问者,能反映一段时间内的真实体验。两类数据用途不同。
看到红色指标时先找影响最大的原因
大图、阻塞脚本、字体和服务器响应都可能拖慢页面。先看具体诊断,再处理对真实用户影响最大的项目,比追求每一项都满分更实际。
现场数据来自真实用户样本,实验室数据则是在受控条件下模拟,两者用途并不相同。
先看真实用户数据,再看实验室建议
PageSpeed Insights 会把真实用户体验数据和实验室分析放在一起。前者更接近一段时间内真实访问者的情况,后者适合定位当前页面的具体问题。没有足够真实数据的新站,暂时看不到完整现场数据也很正常。
Core Web Vitals 不是“把所有分数刷到 100”
性能优化的目标应该是让用户更快看到主要内容、页面交互更及时、布局少跳动。为了追一个漂亮分数,删掉真正有用的功能或把页面做得难以维护,通常不划算。
同一个 URL 多测几次再下结论
网络、服务器负载、第三方脚本都会让单次结果波动。先找到长期反复出现的问题,例如首屏图片太大、JavaScript 阻塞、服务器响应慢,再决定优先级。一次绿色、一次橙色,本身不代表页面突然变好或变坏。
拿到报告后先做哪一项
优先确认是否有真实用户数据,再看 LCP、INP、CLS 哪项拖后腿。若最大内容元素是图片,先核对图片尺寸、加载优先级和服务器响应;若交互迟缓,再排查主线程脚本。一次实验室分数变化不能直接说明真实用户体验已经改善。