
谷歌明年推出的新排名算法,页面体验更新,有一个名为CLS 的指标,Cumulative Layout Shift。它会检查页面上的内容是否在加载时跳来跳去。 Google 的高级开发人员计划工程师Philip Walton 表示,这是在页面的整个生命周期中衡量的。
他在web.dev Live 活动进行到1 小时57 分钟时说了这句话。 “CLS 衡量页面整个生命周期中发生的布局变化,”他说。这是“从你加载页面到卸载页面。即使你让页面打开几天或几周,它也会衡量整个时间,”他补充说。
这是开始时嵌入的视频:
这是成绩单:
所以这实际上是一个非常好的观点。很高兴你提出来。
CLS 衡量在页面的整个生命周期内发生的布局变化。从加载页面到卸载页面。即使您将页面打开数天或数周,它也会测量整个时间。
而在DevTools 中,您运行了一条跟踪,您看到了在该跟踪期间发生的布局变化。因此,在这种特殊情况下,CLS 仅在一小段时间内测量布局变化。开发人员牢记这一点很重要,因为您知道,实际的指标定义适用于页面的整个生命周期。因此,如果您运行Lighthouse 跟踪或WebPageTest 跟踪,甚至在DevTools 中,并且您看到某个值并且它低于0.1,即我刚才提到的阈值,请记住您必须在整个过程中实际测量它。您知道,这才是重要的衡量标准,是页面的整个生命周期。
因此,您不能只在页面上运行开发人员工具一秒钟左右,然后期望分数与您在核心Web Vitals Search Console 报告中看到的分数相匹配。
给格伦的帽子提示:
Google 对CLS 的澄清 @philwalton:CLS 衡量页面*整个生命周期*期间的布局变化。在Dev Tools 中,CLS 是针对一小段时间测量的,但实际定义是针对整个生命周期的。这才是最重要的:https://t.co/8fD1wExH9O pic.twitter.com/8QOQFC8XAA
– 格伦加布(@glenngabe) 2020 年7 月1 日
此外,FID(首次输入延迟)不在Chrome 开发工具中,因为它需要用户交互,但总阻塞时间(TBT)在开发工具中,它是首次输入延迟的代理。
论坛讨论于 推特.