文章目录[隐藏]
在现代互联网时代，网站的加载速度直接影响用户体验和搜索引擎排名。如果你发现自己的网站访问缓慢，或者在SEO排名上遇到瓶颈，谷歌推出的PageSpeed Insights（PSI） 就是你不可错过的优化神器。本文将为你全面解析这款工具的使用方法、核心指标以及实用的优化技巧。
什么是 PageSpeed Insights？
PageSpeed Insights（PSI） 是谷歌提供的网页性能测试工具，它可以分析网页的加载速度，并提供优化建议。PSI 可以分别测试PC端和移动端。
如何使用 PageSpeed Insights？
- 打开 PageSpeed Insights 官网：https://developers.google.com/speed/pagespeed/insights/
- 在搜索框中输入你的网站 URL。
- 点击 “分析”，等待几秒钟即可得到测试报告。
PageSpeed Insights评分指标解读
报告分为移动设备和桌面设备：
这是桌面设备的为例
核心网络指标评估（Core Web Vitals Assessment）
核心网页指标报告如：
Google对Core Web Vitals各指标的定义：
| 指标 | 英文全称 | 含义 | 理想标准 | 实际值 |
|---|---|---|---|---|
| LCP | Largest Contentful Paint | 页面主要内容加载完成时间 | ≤ 2.5 秒 | 0.7 秒 |
| FID | First Input Delay | 用户首次交互的响应延迟 | ≤ 100 毫秒 | 50 毫秒 |
| CLS | Cumulative Layout Shift | 页面布局稳定性（防跳动） | ≤ 0.1 | 0.03 |
| TTFB | Time To First Byte | 服务器首字节响应时间 | ≤ 0.8 秒 | 0.6 秒 |
| FCP | First Contentful Paint | 首个可见元素渲染时间 | ≤ 1.8 秒 | 0.7 秒 |
可以看到网站的核心网络指标都是达标的。
如果你的网站的指标超过上述理想标准，建议优化它，通过优化这些指标，可以显著提升用户体验和 SEO 排名。
诊断性能问题（Diagnose performance issues）
这个分数是Lighthouse performance scoring，这个数值是通过图中实验室数据计算出来的，分数越高。
这个网站的整体得分如下：
- Performance（性能）：83（橙色，良好但仍有优化空间）
- Accessibility（可访问性）：43（红色，较差，急需改进）
- Best Practices（最佳实践）：73（橙色，一般）
- SEO（搜索引擎优化）：92（绿色，优秀）
底下各个指标的意思：
| 指标 | 英文全称 | 含义 | 理想标准 | 实际值 |
|---|---|---|---|---|
| FCP | First Contentful Paint | 首个可见元素渲染时间 | ≤ 1.8 秒 | 0.4 秒 |
| LCP | Largest Contentful Paint | 页面主要内容加载完成时间 | ≤ 2.5 秒 | 2 秒 |
| CLS | Cumulative Layout Shift | 用户首次交互的响应延迟 | ≤ 0.1 | 0.01秒 |
| TBT | Total Blocking Time | 累积布局偏移 |
200ms
|
120ms |
| Speed Index | Speed Index | 服务器首字节响应时间 | ≤3.4秒 | 2.7 秒 |
可以看到问题主要在Accessibilityh和Best Practices，这两个问题的答案就在下一部分的优化建议里。
优化建议
你还可以直接看优化建议，里面都告诉你要怎么做：
这些建议非常实用，直接告诉你移除什么或减少什么情况就可以减少页面打开时间。
PageSpeed Insights 优化技巧
| 优化方向 | 具体措施 |
|---|---|
| 压缩和优化图片 | 使用WebP或AVIF格式替代传统 JPG/PNG；设置合理图片尺寸，避免加载过大的图片 |
| 启用浏览器缓存 | 对静态资源（CSS、JS、图片）设置合理的缓存策略，减少重复加载 |
| 减少不必要的 JavaScript | 延迟加载（lazy load）或异步加载（async/defer）脚本，降低阻塞渲染 |
| 启用GZIP或Brotli压缩 | 压缩网页文件，减少数据传输大小，提高加载速度 |
| 优化服务器响应时间 | 使用CDN加速资源分发；优化数据库查询和后端逻辑，提高首字节时间（TTFB） |
| 减少重定向次数 | 避免多次跳转，直接访问最终URL，提高访问效率 |
如有疑问，可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
