谷歌:CLS是通过页面的整个生命周期来衡量的

谷歌明年推出的新排名算法,页面体验更新,有一个名为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 报告中看到的分数相匹配。

给格伦的帽子提示:

此外,FID(首次输入延迟)不在Chrome 开发工具中,因为它需要用户交互,但总阻塞时间(TBT)在开发工具中,它是首次输入延迟的代理。

论坛讨论于 推特.

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
搜索