Chrome Lighthouse CLS 审核为不同用户提供截然不同的结果

Chrome Lighthouse CLS audit providing significantly different results for different users

为准备下一次 Core Web Vitals 更新,我正在努力降低我公司网站的 CLS。当我 运行 在 Chrome 中进行 Lighthouse 审核时,我更新的页面得到 0.05,低于 Google 建议的最大值 0.1。

但是,当我公司的 SEO 专家 运行 进行审核时,她在同一页面上得到的分数 > 0.3。我以为这可能是速度问题,但限制我的互联网速度根本没有改变我的结果(至少在 CLS 方面)。就此而言,她这边的审核是指出导致高 CLS 的高级父 div 元素,而不是父 div.

中的特定元素

为什么她的分数在同一个页面上会比我差那么多?在 Lighthouse 中进行 CLS 测试是否有任何我应该注意的已知问题?

如果两个不同的人得到两个不同的结果,则有很多事情需要检查。

第一个是检查你们是否在相同的显示尺寸下进行测试(对于桌面测试 - 所有移动测试都是相同的尺寸)否则你们中的一个可能会在一个断点处获得 CLS 而在另一个断点处不会出现断点(或项目可能位于一台设备的屏幕上,而不是另一台设备的屏幕上,这对 CLS 有贡献)。

接下来要检查的是计算机具有类似的 CPU 能力。 Lighthouse 在 运行 移动测试时使用了 4 倍的减速,如果你有 i3 和 i9,这会有很大的不同!

有一份有用的文档解释了 where variability can come from when testing with Lighthouse