Chrome Lighthouse CLS 审计为不同的用户提供了显着不同的结果

问题描述

为了准备下一次 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

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...