Google 2021年開始上線的「網站體驗核心指標（Core Web Vitals）」，總共有三項特定指標來評斷網頁的性能，我們都知道網頁性能影響到用戶體驗，與SEO息息相關。下文將會解釋這個概念。

在了解「網站體驗核心指標」之前，我們先了解一下什么是用戶體驗，和這項指標與SEO又什么關系。

什么是使用者體驗（User Experience）？

使用者體驗，我們常簡稱的UX（User Experince），即「任何產品、生活形式經過人為的設計后，使用上感受到的體驗」因此UX無所不在。從我們使用的浴廁設施、家具、到你喝的早餐店奶茶、滑的手機都是經過設計而成。

用戶體驗的設計師關心產品「何時」被使用，「如何」吸引人購買，以及購買后「如何」被使用。延伸到網站上，理所當然網站的加載速度、界面美觀、實用性、是否符合用戶的需求、用戶是否想再回訪，因此也與行銷、設計、工程和SEO息息相關。

什么是網站體驗核心指標（Core Web Vital）？

Core Web Vitals是一組總體指標，Google選出了三大評價指標列入，認為這些因素對網頁的用戶體驗很重要。主要是頁面速度，以及網站與用戶之間的互動成果，這三大指標分別為：

LCP（最大內容繪制）FID（首次輸入延遲）CLS（累計版面配置位移）

簡言之，Core Web Vitals是Google的「頁面體驗」分數，是Google評價頁面整體UX的標準。

三大指標：LCP、FID、CLS

LCP（最大內容繪制）

全名：Largest Contentful Paint

定義：LCP是從用戶的角度來看加載頁面所需的時間。簡單來說，是從點擊網頁后，看到最大塊內容的時間。（通常是圖片或視頻）

LCP與其他頁面速度測量不同，相比許多其他頁面的速度指標，LCP衡量的標準會更精準一點。

Google對LCP良好的標準為每一頁加載速度低于2.5秒。

如何檢查：你可以使用Google PageSpeed Insights檢查整體網站的LCP分數。如果你想針對每一頁來檢查，那么你可以使用Google Search Console檢查每一頁的LCP。

FID（首次輸入延遲時間）

全名：First Input Delay

定義：自使用者首次與網頁完成一次互動所需要的時間。

互動例子包括：

點選菜單其中一個選項

點擊連接

輸入Email

打開被折疊的文章段落…等等。

Google對FID良好的標準為，用戶與網站完成一次互動的時間低于100毫秒。

如何檢查：你可以使用Google PageSpeed Insights檢查整體的FID分數。

CLS（累計版面配置位移）

全名：Cumulative Layout Shift

定義：指頁面加載時的視覺穩定性，簡言之，Google不希望你的網頁元素隨著加載內容太慢而位移，導致用戶錯誤點擊的情形發生。

如果這情形很嚴重，你的CLS分數將變得很高，分數越高代表位移越多，用戶體驗越低落。

Google對CLS良好的標準為0.1以下。（0代表沒有位移）

如何檢查：你可以使用Google PageSpeed Insights、Crome UX Report檢查整體的CLS分數。

可以衡量Core Web Vital的工具

Google有許多工具可以協助你判斷你在這三項主要指標上的表現如何，根據web.dev的文章，以下是可以衡量指標的工具。

PageSpeed 和 Google Search Console 是大家所熟悉的工具，很適合用來檢視自己的網站體驗是否抵達 Google Web Vital 列出的標準。

SEO 人員優化三項指標的具體執行方法

在 backlinko 網站上，有提出分別針對這三項指標的具體執行方法，你可以透過以下方法來優化你的網站體驗核心指標

優化LCP的具體執行方法

優化指標：每一篇頁面加載速度低于2.5秒。

你可以采取以下措施來改善網站LCP：

• 刪除任何不必要的第三方Scripts：  每個第三方Scripts會使頁面速度降低34毫秒。

• 升級你的主機： 更好的托管主機可以大幅加快整體加載時間（包括LCP）。

• 設置延遲加載： 延遲加載使圖象僅在有人向下滾動頁面時，才開始加載。

• 刪除大頁面元素： Google PageSpeed Insights會告訴您頁面是否有降低頁面LCP速度的元素。

優化FID的具體執行方法

優化指標：你的用戶與網頁完成的首次互動的時間在100毫秒以下。

你可以采取以下措施來改善網站FID：

• 最小化（或推遲）JavaScript：  當瀏覽器加載JavaScript時，用戶幾乎不太可能在這期間與頁面互動。因此，最小化或推遲頁面上的JavaScript。

• 刪除任何不必要的第三方Scripts： 和FCP一樣，第三方Scripts（如Google Analytics、熱圖等）無益于FID。

• 使用瀏覽器緩存： 有助于更快地加載頁面上的內容。這有助于您用戶的瀏覽器更快地完成JavaScript加載任務。

優化CLS的具體執行方法

優化指標：Google對CLS良好的標準為0.1以下。（0代表沒有位移）

• 你可以采取以下措施來改善網站CLS：

• 為任何媒體（視頻、圖片、GIF、圖表等）使用set size屬性維度： 這樣用戶的瀏覽器就知道該元素將在該頁面上占用多少空間。并且不會在頁面完全加載時即時更改它。

• 確保留給廣告元素一個預留空間： 否則它們可能會突然出現在頁面上，將內容向下、向上或向一側推送。

• 在網頁第一屏下方添加新的UI元素： 這樣，它們就不會將用戶「期望互動」的內容向下推送。

SEO 人員如何看待網站體驗核心指標

Google將這三項新指標推行并列為核心指標，意味著Google更加重視網站帶給用戶使用的體驗，網站體驗核心指標更加拉高了網站構架、界面以及瀏覽體驗的質量。企業與工程師可以借此來檢視自身的網站在電腦、手機上閱覽起來是否有流暢良好的閱覽經驗。

除了網站構架擁有良好的體驗以外，網站內容也是SEO領域中不可忽視的元素。提供良好質量的網站界面、網站內容、文章等等，能夠提升你在Google搜尋引擎中的排名與商業地位。更重要是能夠滿足你的客戶。