Google 2021年開始上線的「網(wǎng)站體驗(yàn)核心指標(biāo)(Core Web Vitals)」,總共有三項(xiàng)特定指標(biāo)來評斷網(wǎng)頁的性能,我們都知道網(wǎng)頁性能影響到用戶體驗(yàn),與SEO息息相關(guān)。下文將會解釋這個概念。
在了解「網(wǎng)站體驗(yàn)核心指標(biāo)」之前,我們先了解一下什么是用戶體驗(yàn),和這項(xiàng)指標(biāo)與SEO又什么關(guān)系。
使用者體驗(yàn),我們常簡稱的UX(User Experince),即「任何產(chǎn)品、生活形式經(jīng)過人為的設(shè)計后,使用上感受到的體驗(yàn)」因此UX無所不在。從我們使用的浴廁設(shè)施、家具、到你喝的早餐店奶茶、滑的手機(jī)都是經(jīng)過設(shè)計而成。
用戶體驗(yàn)的設(shè)計師關(guān)心產(chǎn)品「何時」被使用,「如何」吸引人購買,以及購買后「如何」被使用。延伸到網(wǎng)站上,理所當(dāng)然網(wǎng)站的加載速度、界面美觀、實(shí)用性、是否符合用戶的需求、用戶是否想再回訪,因此也與行銷、設(shè)計、工程和SEO息息相關(guān)。
Core Web Vitals是一組總體指標(biāo),Google選出了三大評價指標(biāo)列入,認(rèn)為這些因素對網(wǎng)頁的用戶體驗(yàn)很重要。主要是頁面速度,以及網(wǎng)站與用戶之間的互動成果,這三大指標(biāo)分別為:
LCP(最大內(nèi)容繪制)FID(首次輸入延遲)CLS(累計版面配置位移)
簡言之,Core Web Vitals是Google的「頁面體驗(yàn)」分?jǐn)?shù),是Google評價頁面整體UX的標(biāo)準(zhǔn)。
LCP(最大內(nèi)容繪制)
全名:Largest Contentful Paint
定義:LCP是從用戶的角度來看加載頁面所需的時間。簡單來說,是從點(diǎn)擊網(wǎng)頁后,看到最大塊內(nèi)容的時間。(通常是圖片或視頻)
LCP與其他頁面速度測量不同,相比許多其他頁面的速度指標(biāo),LCP衡量的標(biāo)準(zhǔn)會更精準(zhǔn)一點(diǎn)。
Google對LCP良好的標(biāo)準(zhǔn)為每一頁加載速度低于2.5秒。
如何檢查:你可以使用Google PageSpeed Insights檢查整體網(wǎng)站的LCP分?jǐn)?shù)。如果你想針對每一頁來檢查,那么你可以使用Google Search Console檢查每一頁的LCP。
FID(首次輸入延遲時間)
全名:First Input Delay
定義:自使用者首次與網(wǎng)頁完成一次互動所需要的時間。
互動例子包括:
點(diǎn)選菜單其中一個選項(xiàng)
點(diǎn)擊連接
輸入Email
打開被折疊的文章段落…等等。
Google對FID良好的標(biāo)準(zhǔn)為,用戶與網(wǎng)站完成一次互動的時間低于100毫秒。
如何檢查:你可以使用Google PageSpeed Insights檢查整體的FID分?jǐn)?shù)。
CLS(累計版面配置位移)
全名:Cumulative Layout Shift
定義:指頁面加載時的視覺穩(wěn)定性,簡言之,Google不希望你的網(wǎng)頁元素隨著加載內(nèi)容太慢而位移,導(dǎo)致用戶錯誤點(diǎn)擊的情形發(fā)生。
如果這情形很嚴(yán)重,你的CLS分?jǐn)?shù)將變得很高,分?jǐn)?shù)越高代表位移越多,用戶體驗(yàn)越低落。
Google對CLS良好的標(biāo)準(zhǔn)為0.1以下。(0代表沒有位移)
如何檢查:你可以使用Google PageSpeed Insights、Crome UX Report檢查整體的CLS分?jǐn)?shù)。
Google有許多工具可以協(xié)助你判斷你在這三項(xiàng)主要指標(biāo)上的表現(xiàn)如何,根據(jù)web.dev的文章,以下是可以衡量指標(biāo)的工具。
PageSpeed 和 Google Search Console 是大家所熟悉的工具,很適合用來檢視自己的網(wǎng)站體驗(yàn)是否抵達(dá) Google Web Vital 列出的標(biāo)準(zhǔn)。
在 backlinko 網(wǎng)站上,有提出分別針對這三項(xiàng)指標(biāo)的具體執(zhí)行方法,你可以透過以下方法來優(yōu)化你的網(wǎng)站體驗(yàn)核心指標(biāo)
優(yōu)化LCP的具體執(zhí)行方法
優(yōu)化指標(biāo):每一篇頁面加載速度低于2.5秒。
你可以采取以下措施來改善網(wǎng)站LCP:
刪除任何不必要的第三方Scripts: 每個第三方Scripts會使頁面速度降低34毫秒。
升級你的主機(jī): 更好的托管主機(jī)可以大幅加快整體加載時間(包括LCP)。
設(shè)置延遲加載: 延遲加載使圖象僅在有人向下滾動頁面時,才開始加載。
刪除大頁面元素: Google PageSpeed Insights會告訴您頁面是否有降低頁面LCP速度的元素。
優(yōu)化FID的具體執(zhí)行方法
優(yōu)化指標(biāo):你的用戶與網(wǎng)頁完成的首次互動的時間在100毫秒以下。
你可以采取以下措施來改善網(wǎng)站FID:
最小化(或推遲)JavaScript: 當(dāng)瀏覽器加載JavaScript時,用戶幾乎不太可能在這期間與頁面互動。因此,最小化或推遲頁面上的JavaScript。
刪除任何不必要的第三方Scripts: 和FCP一樣,第三方Scripts(如Google Analytics、熱圖等)無益于FID。
使用瀏覽器緩存: 有助于更快地加載頁面上的內(nèi)容。這有助于您用戶的瀏覽器更快地完成JavaScript加載任務(wù)。
優(yōu)化CLS的具體執(zhí)行方法
優(yōu)化指標(biāo):Google對CLS良好的標(biāo)準(zhǔn)為0.1以下。(0代表沒有位移)
你可以采取以下措施來改善網(wǎng)站CLS:
為任何媒體(視頻、圖片、GIF、圖表等)使用set size屬性維度: 這樣用戶的瀏覽器就知道該元素將在該頁面上占用多少空間。并且不會在頁面完全加載時即時更改它。
確保留給廣告元素一個預(yù)留空間: 否則它們可能會突然出現(xiàn)在頁面上,將內(nèi)容向下、向上或向一側(cè)推送。
在網(wǎng)頁第一屏下方添加新的UI元素: 這樣,它們就不會將用戶「期望互動」的內(nèi)容向下推送。
Google將這三項(xiàng)新指標(biāo)推行并列為核心指標(biāo),意味著Google更加重視網(wǎng)站帶給用戶使用的體驗(yàn),網(wǎng)站體驗(yàn)核心指標(biāo)更加拉高了網(wǎng)站構(gòu)架、界面以及瀏覽體驗(yàn)的質(zhì)量。企業(yè)與工程師可以借此來檢視自身的網(wǎng)站在電腦、手機(jī)上閱覽起來是否有流暢良好的閱覽經(jīng)驗(yàn)。
除了網(wǎng)站構(gòu)架擁有良好的體驗(yàn)以外,網(wǎng)站內(nèi)容也是SEO領(lǐng)域中不可忽視的元素。提供良好質(zhì)量的網(wǎng)站界面、網(wǎng)站內(nèi)容、文章等等,能夠提升你在Google搜尋引擎中的排名與商業(yè)地位。更重要是能夠滿足你的客戶。