CLS對網頁體驗有什么影響？

累計布局偏移Cumulative Layout Shift(CLS)是Core Web Vitals用來權衡網站視覺穩固性的三個指標之一。簡而言之，如果頁面的重要內容加載到頁面上，然后由其他內容(比如圖片)驅動，那么布局就會產生變更。

很多時候，當訪客點擊按鈕或鏈接(如“瀏覽更多內容”按鈕)時，版式產生轉變，可能鏈接轉移，拜訪者最后點擊了其他內容或廣告。這無疑會損壞用戶體驗。

谷歌認可的更佳CLS尺度<0.1？

Google把影響評分描寫為受手機內容影響的部分。若將一半(50%)屏幕內容移至一半(25%)，則屏幕受到75%的影響。它表現后果分數是0.75，而且距離分數是0.25，因為內容移動了視口的25%。最后的成果是0.75*0.25=0.1875。

依照谷歌官方的說法，超過0.1的CLS分數將影響用戶體驗，應當下降。也就是說，當CLS指標小于0.1時，有助于確保頁面具有用戶體驗。

CLS提分小技能大放送：

1、創立硬編碼的單一尺碼廣告

宣布者可以在頁面頂部創立單一大小的廣告地位，只實用于硬編碼的廣告。應用這種占位符可以確保布局沒有轉變，但是以每個廣告地位都只有一個大小為代價。

2、推遲宣布加載廣告

一個宣布者應當斟酌一個更佳做法，那就是延遲加載廣告，在實際須要之前不要載入廣告。舉例來說，如果一個頁面有三個視窗，那么第三個視窗上的廣告將不會被載入，直到訪客達到第二個視窗。

但是這個缺陷是沒有斟酌到用戶的行動，如果滾動速度比擬快，超過占位符，則廣告載入太遲，延遲加載的廣告仍然會導致布局偏差。另外，要注意延遲加載會損壞可視性。

3、應用實時數據優化用戶體驗

應用實時數據為每一個訪客優化個性化廣告體驗。有了數以百計的匿名數據點，宣布者可以個性化應當放置什么樣的廣告，以及在頁面上的時光和地點。這樣做不僅可以進步CLS得分而不會影響用戶體驗，而且還能改良站點延遲。

特別聲明：以上文章內容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。