累积布局偏移 (CLS)
**累积布局偏移 (CLS)** 是一个衡量网站可用性的指标,由 Google 作为核心 Web 指标之一设计。
它衡量用户遇到意外布局偏移的程度,页面元素以意想不到的方式移动:即,不是用户操作(例如按下按钮或动画的一部分)的结果。
例如,布局偏移可能是由未指定width
和height
属性的<img>
或<video>
元素引起的,因此浏览器在加载这些元素之前不知道它们将占用多少空间。
LayoutShift
接口(性能 API的一部分)可用于衡量单个布局偏移,然后可用于计算网页的 CLS 分数。
另请参阅
- CLS 在 web.dev 上