PageSpeed insights 于 2020 年 5 月 27 日进行了升级

PageSpeed insights went through upgrade as on 27th May 2020

https://developers.google.com/speed/pagespeed/insights/

2020 年 5 月 27 日,我使用了页面速度,在台式机(90+)和移动设备(85+)上获得了相当不错的分数,但截至 2020 年 5 月 28 日,指标似乎发生了巨大变化,我可以看到 PageSpeed 有新版本 (v6),但此处未提供适当的发行说明 https://developers.google.com/speed/docs/insights/release_notes.

任何人都遇到过类似的问题,发现 google pagespeed 确实进行了某些升级,请尽可能提供一些参考。

经过一番挖掘,我设法找到了建议的评分权重草案。

https://web.dev/performance-scoring/?utm_source=lighthouse&utm_medium=wpt

分数的大幅变化取决于权重的变化

灯塔 v6

  • 首次内容绘画 15%
  • 速度指数 15%
  • 最大内容绘画 25%
  • 交互时间 15%
  • 总阻塞时间 25%
  • 累计布局偏移 5%

灯塔 v5

  • 首次内容绘画 20%
  • 速度指数 27%
  • 第一次有意义的绘画 7%
  • 互动时间 33%

如您所见,Total Blocking Time (TBT) (JavaScript execution time mainly) and when the Largest Contentful Paint (LCP) 发生了巨大的转变(大概是因为这表明页面布局发生了巨大转变/可见内容可能会分散注意力/是一个很好的指标当上面的折叠内容完全加载时(而不是显示 'spinner'))。

他们还添加了第三个新指标 Cumulative Layout Shift (CLS),该指标计算页面布局的多少 'moves around'。目前它的权重很低,但我想这是一个更大计划的一部分,以确保捕获所有影响 'above the fold' 内容并可能导致挫败感的延迟加载资产(尝试单击 link例如,查找加载并移动的广告)。

权重的这些巨大变化和新指标的引入是您可能会遇到的分数大幅下降的原因。

我可以确认,我的网站过去得分为 99 或 100,现在只得分 87,因此他们的得分方式确实发生了很大变化。他们现在似乎也考虑了 SVG 渲染,因为我的网站是 100% SVG 驱动的,但在 LCP 上得分很低,这是他们最初没有考虑到 LCP 统计数据的事情。

现在请关注我 link 编辑的两篇关于 TBT 和 LCP 的文章,因为这些是他们选择强调的新指标,占您分数的 50%。

更新

正如 OP 在评论中指出的那样 main changes for the new PSI v6 are located here