问题描述
为了准备下一次 Core Web Vitals 更新,我正在努力减少我公司网站上的 CLS。当我在 Chrome 中运行 Lighthouse 审核时,我更新的页面得到 0.05,低于 Google 推荐的最大 0.1。
但是,当我公司的 SEO 专家进行审核时,她在同一页面上获得了 > 0.3 的分数。我以为这可能是速度问题,但限制我的互联网速度并没有改变我的结果(至少在 CLS 方面是这样)。就此而言,她的审核是将高级父 div 元素称为导致高 CLS,而不是父 div 中的特定元素。
在同一页面上,她的分数比我的差这么多有什么原因吗?我应该注意 Lighthouse 中 CLS 测试的任何已知问题吗?
解决方法
如果两个不同的人得到两个不同的结果,有很多事情需要检查。
第一个是检查你们是否在相同的显示尺寸下进行测试(对于桌面测试 - 所有移动测试都是相同的尺寸),否则你们中的一个可能会在一个断点处获得 CLS,而在另一个断点处不会发生(或者项目可能出现在一台设备的屏幕上,而不是另一台有助于 CLS 的设备)。
接下来要检查的是计算机具有相似的 CPU 能力。 Lighthouse 在运行移动测试时使用 4 倍的减速,如果你有 i3 和 i9,这会产生很大的不同!
有一个有用的文档解释了 where variability can come from when testing with Lighthouse。