SEO：累計版面配置偏移 (CLS) | Next.js

累計版面配置偏移 (CLS) 是用來衡量網站整體版面穩定性的指標。當網頁載入時發生非預期的版面位移，可能導致使用者誤操作或分心。

當 DOM 初次渲染後，元素位置發生偏移時就會產生累計版面配置偏移 (CLS)。例如圖中按鈕在文字區塊之後才渲染到畫面上，導致文字區塊向下位移。CLS 的計算會綜合考量位移的影響範圍與距離。

當新元素渲染到畫面時導致既有元素位移，就會影響 CLS 分數。

只有當元素發生非預期位移時，其個別版面偏移分數才會計入 CLS。若 DOM 新增元素或既有元素改變大小，但已載入元素位置保持不變，則不會計入版面偏移。

累計版面配置偏移 (CLS)