累积布局偏移 (CLS)

**累积布局偏移 (CLS)** 是一个衡量网站可用性的指标,由 Google 作为核心 Web 指标之一设计。

它衡量用户遇到意外布局偏移的程度,页面元素以意想不到的方式移动:即,不是用户操作(例如按下按钮或动画的一部分)的结果。

例如,布局偏移可能是由未指定widthheight属性的<img><video>元素引起的,因此浏览器在加载这些元素之前不知道它们将占用多少空间。

LayoutShift接口(性能 API的一部分)可用于衡量单个布局偏移,然后可用于计算网页的 CLS 分数。

另请参阅

  • CLS 在 web.dev 上