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