导读： 网站速度是谷歌SEO排名因素之一，网站页面体验自2020年5月列入衡量谷歌排名的一项影响因素。而PageSpeed Insights是由全球最大的搜索引擎谷歌推出的网站性能检测工具，可以帮助提升网站性能和速度。今天我们就简单的了解什么是谷歌PageSpeed Insights，以及如何利用PageSpeed Insights来进行网站性能优化, 进而提升网站排名带来更多流量。

一 什么是谷歌PageSpeed Insights？

PageSpeed Insights（PSI） 是一款旨在优化所有设备上的网页、提高网页加载速度的工具。能够针对移动设备和桌面设备生成网页的实际性能报告，并能够提供关于如何改进相应网页的建议。

谷歌官方的PSI有两个版本，在线版和插件版：

• 在线版本：https://pagespeed.web.dev/
• 插件版：Chrome扩展PageSpeed Insights

1. 谷歌PageSpeed Insights重要性

谷歌在2018年再次加强了网站加载速度对网站排名的权重。之前，网站页面速度是根据网站的桌面设备加载速度来衡量。但截至2018年7月9日，页面速度也成为了移动搜索的排名因素。

PageSpeed Insights是由全球最大的搜索引擎谷歌推出的网站性能检测工具。有别于其他第三方的网站测速工具，PageSpeed Insights除了网速测试，同时还会给到网站性能和速度提升的优化建议。

利用谷歌PageSpeed Insights进行网站的桌面设备和移动设备进行页面加载速度优化，对于提升网站排名和用户体验比以往任何时候都很重要。

在SEO和页面速度排名因素或纯粹的响应速度方面，Google是否使用PageSpeed Insights？谷歌网站管理员趋势分析师加里·伊利斯（Gary Illyes）回应说：“我会同时选择这两种方式。”

三 如何使用PageSpeed Insights优化网站？

PageSpeed Insights 会评估相应网页对常用的性能优化最佳做法的遵循情况，并计算出一个得分（分值介于 0 到 100 之间）来估算相应网页的性能优化空间。分数越高，代表网站的性能越好。

但请记住，分数不是PageSpeed Insights推出的最终目的，而是为了帮助你解决网站问题的工具，通过建议优化减少用户实际和感知页面加载的时间。所以不需要过分追求100/100的分数值，只需要根据PSI给到的建议进行有步骤地提升网站性能即可。

一）网址查询：

就像任何其他 Google 工具一样，PageSpeed Insights 非常易于使用。只需输入您要分析的网页的 URL，然后让该工具完成其工作。

我们可以选择移动设备或电脑设备分别针对页面进行测试。

二）报告生成

1. 首先，它在 CrUX 中收集网页的“现场数据 field”，即Chrome 用户体验报告。

（CrUX 报告会从访问您网址的实际用户那里收集有关性能的匿名指标（称为“实测数据”）。无论网址是否属于 Search Console 资源，CrUX 数据库都会收集有关该网址的信息。）

2. 然后它使用Lighthouse API测量页面性能。它计算受控和模拟环境中的加载率：中间层设备和移动网络。因此，这被称为“实验室数据lab”。

二）报告解读

• PSI 提供有关页面的实验室lab和现场数据 field。

• 实验室数据对于调试性能问题很有用，因为它是在受控环境中收集的。但是，它可能无法捕捉到现实世界的瓶颈。

• 现场数据对于捕捉真实的、真实的用户体验很有用——但具有更有限的一组指标。

• 真实的用户数据

PSI 中的真实用户体验数据由Chrome 用户体验报告(CrUX) 数据集提供支持。PSI 报告真实用户在过去 28 天收集期间的数据。主要包含以下4方面：

• FCP：First Contentful Paint 是加载第一个图像或文本所用的时间。
• LCP（最大内容渲染时间）：最大内容绘制是加载最大的图像或文本所花费的时间。
• FID：首次输入延迟是浏览器响应用户第一次交互所花费的时间。
• CLS：视口中的任何页面移动都通过 Cumulative Layout Shift 来衡量；CLS 分数低于 0.1 为好，高于 0.25 为差。

PSI 还报告了实验指标交互到下一次绘制(INP) 和时间到第一个字节(TTFB) 的经验。

整个报告中的彩色编码使您更容易找到网站上表现良好的区域、需要改进的地方以及表现不佳的地方。

1. 红色表示性能不佳／差
2. 绿色表示良好/可接受的性能
3. 琥珀色显示它需要多少改进

• PSI优化建议

数据报告中我们看到页面的等级状态后，也会有针对页面的优化改进建议。需要我们一步一步针对建议作出修改，提升网站的整体性能。

常见的建议有：

1. 消除渲染阻塞资源
2. 开启Gzip压缩
3. 减小图片体积
4. 启用浏览器缓存
5. 减少服务器响应时间
6. 最小化JavaScript
7. 删除查询字符串
8. 利用CDN加速网站
9. 选择一个更快的网站主题，它是轻量级的
10. 嵌入视频而不是将它们直接上传到网站，这往往会使其变慢
11. 避免过多的重定向，除非非常有必要的情况下
12. 预加载密钥请求等等

四．移动站性能优化建议

早在2016年，谷歌宣布移动优先索引，注重移动端的用户体验。并在之后的谷歌PageSpeed Insights中加入移动设备测试。除了PSI给到的针对性的优化建议之外，我们可以参照谷歌提出的移动端“最佳实践目标“进行移动端性能优化：

1. 服务器必须在 200 毫秒内呈现响应内容

2. 应尽可能减少重定向次数

3. 应尽可能减少首次呈现内容所需的网络往返次数

4. 避免在首屏内容中包含会阻止内容呈现的外部 JavaScript 和 CSS

5. 为浏览器布局和呈现预留时间（200 毫秒）

6. 优化 JavaScript 的执行及呈现用时

总结：良好的网页速度不一定有100／100的分数，我们亦无需过分追求100/100的网站，我们只需要专注于使页面速度更快，用户体验更佳。毕竟，这样的页面对Google和用户都非常重要。

参考资料：

https://developers.google.cn/speed/docs/insights/mobile

https://developers.google.com/speed/docs/insights/v5/about

https://developers.google.cn/speed/docs/insights/about

https://baijiahao.baidu.com/s?id=1716656194520589646&wfr=spider&for=pc

https://kinsta.com/blog/google-pagespeed-insights/

https://developer.aliyun.com/article/801823

https://zhuanlan.zhihu.com/p/307407082

https://wp-rocket.me/google-core-web-vitals-wordpress/improve-largest-contentful-paint/

https://www.simplilearn.com/how-to-use-google-pagespeed-insights-article

https://dlinkers.com/google-update-pagespeed-insights/

https://kinsta.com/blog/google-pagespeed-insights/

https://www.simplilearn.com/how-to-use-google-pagespeed-insights-article