性能测试 · 官方网站

PageSpeed Insights 怎么看?别只盯着一个分数

Google 的网页性能分析工具,结合实验室和真实用户数据。

PageSpeed Insights 很多人只看顶部的分数,但真正有价值的是下面的指标和诊断。一个分数能帮助快速比较,却不能解释所有真实用户体验。

先区分实验室数据和真实用户数据

实验室数据来自一次受控测试,适合定位问题;真实用户数据来自实际访问者,能反映一段时间内的真实体验。两类数据用途不同。

别只看红色分数,要找到对应的元素

如果 LCP 不理想,先定位首屏最大内容元素和其加载路径;如果 INP 不理想,查看交互期间的长任务;如果 CLS 偏高,检查图片、广告和其他动态内容是否预留了稳定空间。实验室数据用于定位问题;能获得真实用户数据时,还要结合访问设备和地区一起判断。

怎样把建议变成修复计划

先判断最大瓶颈是首屏资源、交互响应还是布局稳定性,再结合浏览器 Network 和 Performance 面板定位具体文件或脚本。优先处理阻塞关键内容的资源和用户真实遇到的问题,而不是为了追求满分修改所有提示。相关排查见网站打开慢怎么办。

从一条性能诊断开始

先记录页面 URL、移动端或桌面端测试环境以及要改善的具体体验。假如最大内容元素是首屏图片,先检查图片尺寸、压缩和加载优先级;如果主要问题是点击后反应慢,再检查长任务和事件处理脚本。每次只改一组主要原因,保留修改前后的同条件记录。