了解 Pagespeed Insights 的 CLS 数据和差异

Understanding CLS data and discrepancy for Pagespeed Insights

我们发现我们网站页面的 Pagespeed 数据存在很多差异,参考 CLS 实验室数据和现场数据之间的差异,以及与其他工具(如 GTMetrix)的比较。

例如 URL https://www.koimoi.com/bollywood-news/varun-dhawan-was-all-set-to-play-harshad-mehta-in-a-movie-before-pratik-gandhi-ft-scam-1992/amp/

Lab 数据和 GTMetrix 的 CLS 均显示为 0,但对于 Pagespeed Field 数据,CLS 为 0.45。 这反过来会导致 Core Web Vitals 显示大量较差的 URLs,并且肯定会影响 SEO。

我们如何解释这些差异以及解决此问题的最佳方法是什么?

这看起来是由您的广告上的某些东西引起的,我实际上并没有用肉眼看到它,但是 运行宁性能追踪发现了它:

因为这似乎是一个间歇性问题,可以解释实验室数据和现场数据之间的 CLS 差异(我必须 运行 3 个配置文件才能发现这个问题,但它导致 CLS 超过 0.8 !).

您要追踪此问题的唯一方法是在不同的屏幕尺寸下不断重新加载页面(使用冷缓存和完整缓存)并一遍又一遍地对其进行分析。

最终您会发现确切的原因/它是哪个广告,然后可以采取措施纠正问题。

测试时要考虑的另一件事是实验室数据/ GT Metrix数据纯粹是在测试期间。 然而,累积布局偏移是在页面卸载字段数据之前测量的,因此几秒钟后发生的偏移可能不会显示在实验室测试中,但会影响实际分数。

最后要考虑的是浏览器、设备等。如果使用特别差的设备查看网站,或者导致问题的特定屏幕尺寸,那么您需要修复它。获取此信息的最佳方式是从您的分析库中获取。

为了帮助您诊断所有这些,您应该使用真实用户指标 (RUM)。 Web Vitals Library 就是其中一个示例,它允许您将真实世界的 CLS 数据(和其他网络生命力)传输到您的分析或您自己的服务器以进行分析。