本文是轉(zhuǎn)發(fā)農(nóng)夫山泉標(biāo)志設(shè)計(jì)理念創(chuàng)作思路文章，通過對(duì)農(nóng)夫山泉標(biāo)志設(shè)計(jì)理念的經(jīng)驗(yàn)和作品分享，為設(shè)計(jì)與營(yíng)銷賦能、共同進(jìn)步！

農(nóng)夫山泉標(biāo)志設(shè)計(jì)理念原文直譯：

我們都遇到過這種情況：我們?cè)噲D在網(wǎng)站上選擇一個(gè)選項(xiàng)，就在我們點(diǎn)擊之前，頁面跳開了，我們最終點(diǎn)擊了我們不想點(diǎn)擊的東西。多。

就像一個(gè)“在下面，太慢了"的游戲，這種網(wǎng)站行為讓我們感到緩慢和沮喪。幸運(yùn)的是，隨著谷歌核心網(wǎng)站活力的發(fā)布，網(wǎng)站開發(fā)者現(xiàn)在受到激勵(lì)來改善他們的網(wǎng)站體驗(yàn)；一組幫助網(wǎng)站所有者衡量和改善其網(wǎng)頁用戶體驗(yàn)的指標(biāo)。

累積布局偏移是這些關(guān)鍵指標(biāo)之一，用于衡量網(wǎng)站的"跳躍性"以及它如何隨著元素的加載而意外移動(dòng)。讓我們仔細(xì)看看這個(gè)指標(biāo)是如何工作的，以及如何確保您自己的網(wǎng)站遵循最佳實(shí)踐，以便您在搜索引擎上排名更高，并為您的用戶提供更好的體驗(yàn)。

累積布局偏移是衡量網(wǎng)頁在其生命周期中意外偏移的程度。例如，如果一個(gè)網(wǎng)站訪問者加載了一個(gè)頁面，當(dāng)他們正在閱讀時(shí)，加載了一個(gè)橫幅，頁面向下跳轉(zhuǎn)，這將構(gòu)成一個(gè)很大的CLS得分。

除了最大內(nèi)容繪畫和首次輸入延遲，CLS是谷歌核心網(wǎng)絡(luò)活力的一部分。谷歌的網(wǎng)絡(luò)爬蟲在他們索引的每個(gè)頁面上測(cè)量CLS .

當(dāng)內(nèi)容以不同的速度加載時(shí)，就會(huì)發(fā)生頁面移動(dòng)，并導(dǎo)致布局改變，從而改變查看者正在查看的內(nèi)容。廣告加載緩慢，大小未知的視頻突然出現(xiàn)，或者動(dòng)態(tài)添加數(shù)字正射影像圖元素都是CLS的潛在原因。

以下示例顯示了在網(wǎng)頁的其余部分加載后加載廣告橫幅時(shí)會(huì)發(fā)生什么。內(nèi)容被下推，用戶體驗(yàn)受到負(fù)面影響。

來源

很難知道您的用戶是否正在體驗(yàn)CLS，因?yàn)椴⒎敲總€(gè)設(shè)備或環(huán)境都以相同的方式運(yùn)行。如果你在一個(gè)開發(fā)環(huán)境中加載你的網(wǎng)站，你可能有緩存的元素或者它們可能是本地加載的?；陲灨傻膫€(gè)性化網(wǎng)頁內(nèi)容對(duì)每個(gè)訪問者都

農(nóng)夫山泉標(biāo)志設(shè)計(jì)理念分享收獲：

通過對(duì)農(nóng)夫山泉標(biāo)志設(shè)計(jì)理念的分享，讓我們更清晰了解農(nóng)夫山泉標(biāo)志設(shè)計(jì)理念的一些要點(diǎn)、方法和思路，收益良多。如果您有更多觀點(diǎn)，請(qǐng)投稿深圳vi設(shè)計(jì)公司郵箱 。