SEO：累积布局偏移 (CLS) | Next.js

累积布局偏移 (CLS) 是衡量网站整体布局稳定性的指标。页面加载时意外发生的布局偏移可能导致用户误操作或注意力分散。

当 DOM 初始渲染后元素发生位移时，就会出现累积布局偏移 (CLS)。图中按钮在文本块之后渲染到屏幕，导致文本块向下偏移。CLS 的计算会综合考虑影响范围和位移距离。

当新元素渲染到屏幕时导致现有元素位置偏移，会影响 CLS 值。

只有当发生意外位移时，元素的单独布局偏移分数才会被计入 CLS。如果 DOM 中添加了新元素或现有元素尺寸发生变化，但只要已加载元素保持原位，就不会被计为布局偏移。

累积布局偏移 (CLS)