学习记录
互联网技术知识

Google PageSpeed Insights

Google PageSpeed Insights (PSI) 报告页面在移动设备和桌面设备上的性能,并提供有关如何改进该页面的建议。PSI 提供有关页面的实验室和现场数据。实验室数据可用于调试性能问题,因为它是在受控环境中收集的。但是,它可能无法捕获现实世界的瓶颈。现场数据对于捕捉真实的、真实的用户体验很有用 – 但具有更有限的指标集。

真实用户体验数据

PSI 中的真实用户体验数据由Chrome 用户体验报告(CrUX) 数据集提供支持。PSI 报告了真实用户在过去 28 天收集期内的首次内容绘制(FCP)、首次输入延迟(FID)、最大内容绘制(LCP) 和累积布局偏移(CLS) 体验。

为了显示给定页面的用户体验数据,必须有足够的数据才能将其包含在 CrUX 数据集中。如果页面最近发布或来自真实用户的样本太少,则该页面可能没有足够的数据。发生这种情况时,PSI 将回退到原始级别的粒度,其中包含网站所有页面上的所有用户体验。有时来源也可能没有足够的数据,在这种情况下,PSI 将无法显示任何真实的用户体验数据。

评估体验质量

PSI 将用户体验质量分为三个等级:良好、需要改进或较差。PSI 根据Web Vitals计划设置了以下阈值 :

Google PageSpeed Insights

分布和选定的指标值

PSI 提供了这些指标的分布,以便开发人员可以了解该页面或来源的体验范围。此分布分为三类:良好、需要改进和较差,分别用绿色、琥珀色和红色条表示。例如,在 LCP 的琥珀色条中看到 11% 表示所有观察到的 LCP 值中有 11% 落在 2500 毫秒和 4000 毫秒之间。

分布和选定的指标值

在分布条上方,PSI 报告所有指标的第 75 个百分位数。选择第 75 个百分位数是为了让开发人员能够了解他们网站上令人沮丧的用户体验。通过应用上面显示的相同阈值,这些字段度量值被分类为好/需要改进/差。

核心网络生命体征

Core Web Vitals是一组对所有 Web 体验都至关重要的通用性能信号。Core Web Vitals 指标是 FID、LCP 和 CLS,它们可以在页面或源级别聚合。对于在所有三个指标中具有足够数据的聚合,如果所有三个指标的第 75 个百分位数都为“良好”,则聚合通过核心 Web 生命力评估。否则,聚合不通过评估。如果聚合没有足够的 FID 数据,那么如果 LCP 和 CLS 的第 75 个百分位数都为 Good,则它会通过评估。如果 LCP 或 CLS 的数据不足,则无法评估页面或源级聚合。

PSI 和 CrUX 中的字段数据之间的差异

PSI 中的字段数据与BigQuery 上的CrUX 数据集的 区别在于,PSI 的数据每天更新,而 BigQuery 数据集每月更新,并且仅限于原始级别的数据。两个数据源都代表过去 28 天的时间段。

性能诊断

PSI 使用Lighthouse来分析给定的 URL,生成一个性能分数来估计页面在不同指标上的性能,包括: First Contentful Paint、 Largest Contentful Paint、 Speed Index、 Cumulative Layout Shift、 Time to Interactive和Total Blocking Time。

每个指标都被评分并用一个图标标记:

  • 好用绿色圆圈表示
  • 需要改进用琥珀色信息方块表示
  • 差用红色警告三角形表示

表现评分

在该部分的顶部,PSI 提供了一个总结页面模拟性能的分数。该分数是通过运行 Lighthouse 来收集和分析有关页面的诊断信息来确定的。90 或以上的分数被认为是好的。50到90分是需要改进的分数,低于50分被认为是差。

审计

Lighthouse 将其审计分为三个部分:

  • 机会提供了如何改进页面性能指标的建议。本节中的每个建议都会估计如果实施改进,页面加载速度会快多少。
  • 诊断提供有关页面如何遵守 Web 开发最佳实践的附加信息。
  • Passed Audits 表示页面已经通过的审计。

常见问题 (FAQ)

Lighthouse 使用什么设备和网络条件来模拟页面加载?

目前,Lighthouse 模拟移动网络上的中端设备 (Moto G4) 设备的页面加载条件,以及模拟桌面的有线连接桌面。PageSpeed 还在 Google 数据中心运行,该数据中心会因网络状况而异,可以通过查看 Lighthouse Report 的环境块来检查测试所在的位置:

为什么现场数据和实验室数据有时会相互矛盾?

字段数据是关于特定 URL 如何执行的历史报告,代表来自真实世界中用户在各种设备和网络条件下的匿名性能数据。实验室数据基于单个设备上页面的模拟负载和一组固定的网络条件。因此,这些值可能会有所不同。

为什么所有指标都选择第 75 个百分位数?

我们的目标是确保页面适合大多数用户。通过关注我们指标的第 75 个百分位值,这可确保页面在最困难的设备和网络条件下提供良好的用户体验。

为什么 v4 和 v5 中的 FCP 具有不同的值?

v5 中的 FCP 报告第 75 个百分位数(截至 2019 年 11 月 4 日),以前是第 90 个百分位数。在 v4 中,FCP 报告中位数(第 50 个百分位数)。

为什么 v5 中的 FID 有不同的值?

FID 报告第 75 个百分位数(截至 2020 年 5 月 27 日),以前是第 95 个百分位数。

实验室数据的好分数是多少?

任何绿色分数 (90+) 都被认为是好的,但请注意,拥有良好的实验室数据并不一定意味着真实用户体验也会很好。

为什么每次运行的性能得分会发生变化?我没有更改我的页面上的任何内容。

绩效衡量的可变性是通过具有不同影响水平的多个渠道引入的。度量可变性的几个常见来源是本地网络可用性、客户端硬件可用性和客户端资源争用。

为什么真实用户的 CrUX 数据不可用于 URL 或来源?

Chrome 用户体验报告汇总了来自已选择加入的用户的真实速度数据, 并要求 URL 必须是公开的(可抓取和可索引),并且具有足够数量的不同样本,以提供具有代表性的、匿名的 URL 或来源的性能视图。

赞(0)
文章名称:《Google PageSpeed Insights》
文章链接:https://www.bailuze.com/21473.html
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站专注于百度、搜狗、360、谷歌、bing等常见搜索引擎的优化,关键词排名的提高,诚意咨询邮箱526009505@qq.com
分享到