CLS對(duì)網(wǎng)頁(yè)體驗(yàn)有什么影響？

累計(jì)布局偏移Cumulative Layout Shift(CLS)是Core Web Vitals用來(lái)權(quán)衡網(wǎng)站視覺(jué)穩(wěn)固性的三個(gè)指標(biāo)之一。簡(jiǎn)而言之，如果頁(yè)面的重要內(nèi)容加載到頁(yè)面上，然后由其他內(nèi)容(比如圖片)驅(qū)動(dòng)，那么布局就會(huì)產(chǎn)生變更。

很多時(shí)候，當(dāng)訪客點(diǎn)擊按鈕或鏈接(如“瀏覽更多內(nèi)容”按鈕)時(shí)，版式產(chǎn)生轉(zhuǎn)變，可能鏈接轉(zhuǎn)移，拜訪者最后點(diǎn)擊了其他內(nèi)容或廣告。這無(wú)疑會(huì)損壞用戶(hù)體驗(yàn)。

谷歌認(rèn)可的更佳CLS尺度<0.1？

Google把影響評(píng)分描寫(xiě)為受手機(jī)內(nèi)容影響的部分。若將一半(50%)屏幕內(nèi)容移至一半(25%)，則屏幕受到75%的影響。它表現(xiàn)后果分?jǐn)?shù)是0.75，而且距離分?jǐn)?shù)是0.25，因?yàn)閮?nèi)容移動(dòng)了視口的25%。最后的成果是0.75*0.25=0.1875。

依照谷歌官方的說(shuō)法，超過(guò)0.1的CLS分?jǐn)?shù)將影響用戶(hù)體驗(yàn)，應(yīng)當(dāng)下降。也就是說(shuō)，當(dāng)CLS指標(biāo)小于0.1時(shí)，有助于確保頁(yè)面具有用戶(hù)體驗(yàn)。

CLS提分小技能大放送：

1、創(chuàng)立硬編碼的單一尺碼廣告

宣布者可以在頁(yè)面頂部創(chuàng)立單一大小的廣告地位，只實(shí)用于硬編碼的廣告。應(yīng)用這種占位符可以確保布局沒(méi)有轉(zhuǎn)變，但是以每個(gè)廣告地位都只有一個(gè)大小為代價(jià)。

2、推遲宣布加載廣告

一個(gè)宣布者應(yīng)當(dāng)斟酌一個(gè)更佳做法，那就是延遲加載廣告，在實(shí)際須要之前不要載入廣告。舉例來(lái)說(shuō)，如果一個(gè)頁(yè)面有三個(gè)視窗，那么第三個(gè)視窗上的廣告將不會(huì)被載入，直到訪客達(dá)到第二個(gè)視窗。

但是這個(gè)缺陷是沒(méi)有斟酌到用戶(hù)的行動(dòng)，如果滾動(dòng)速度比擬快，超過(guò)占位符，則廣告載入太遲，延遲加載的廣告仍然會(huì)導(dǎo)致布局偏差。另外，要注意延遲加載會(huì)損壞可視性。

3、應(yīng)用實(shí)時(shí)數(shù)據(jù)優(yōu)化用戶(hù)體驗(yàn)

應(yīng)用實(shí)時(shí)數(shù)據(jù)為每一個(gè)訪客優(yōu)化個(gè)性化廣告體驗(yàn)。有了數(shù)以百計(jì)的匿名數(shù)據(jù)點(diǎn)，宣布者可以個(gè)性化應(yīng)當(dāng)放置什么樣的廣告，以及在頁(yè)面上的時(shí)光和地點(diǎn)。這樣做不僅可以進(jìn)步CLS得分而不會(huì)影響用戶(hù)體驗(yàn)，而且還能改良站點(diǎn)延遲。

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。