google-chrome - Chrome Lighthouse CLS 审计为不同的用户提供了截然不同的结果

Question

为了准备下一次 Core Web Vitals 更新，我正在努力减少我公司网站上的 CLS。当我在 Chrome 中运行 Lighthouse 审核时，我更新的页面得到了 0.05，低于 Google 推荐的最大值 0.1。

但是，当我的公司 SEO 专家进行审核时，她在同一页面上的得分 > 0.3。我认为这可能是一个速度问题，但限制我的互联网速度并没有改变我的结果（至少在 CLS 方面）。就此而言，她的审核将高级别父 div 元素称为导致高 CLS，而不是父 div 中的特定元素。

有什么理由为什么她的分数会比我在同一页上的分数差这么多？我应该注意在 Lighthouse 中进行 CLS 测试的任何已知问题吗？

Answer 1

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

第一个是检查您是否正在以相同的显示尺寸进行测试（对于桌面测试 - 所有移动测试的尺寸相同），否则你们中的一个人可能会在一个断点处获得 CLS，而不会在另一个断点处发生（或者项目可能出现在一台设备的屏幕上，而不是另一台有助于 CLS 的设备上）。

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

有一个有用的文档解释了使用 Lighthouse 进行测试时可变性的来源。