【问题标题】:Understanding CLS data and discrepancy for Pagespeed Insights了解 Pagespeed Insights 的 CLS 数据和差异
【发布时间】:2020-12-03 13:22:58
【问题描述】:

参考 CLS Lab 数据和 Field 数据之间的差异,以及与 GTMetrix 等其他工具的比较,我们发现我们网站页面的 Pagespeed 数据存在很多差异。

例如对于 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 显示大量不良 URL,并且肯定会影响 SEO。

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

【问题讨论】:

    标签: pagespeed-insights


    【解决方案1】:

    这似乎是由您的广告中的某些内容引起的,我实际上并没有用肉眼看到它,但运行性能跟踪发现了它:

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

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

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

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

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

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

    【讨论】:

      猜你喜欢
      • 2021-06-21
      • 1970-01-01
      • 1970-01-01
      • 2018-03-10
      • 2019-05-07
      • 1970-01-01
      • 2016-01-21
      • 2016-09-04
      • 1970-01-01
      相关资源
      最近更新 更多