Core Web Vitals 是一組 Google 用來評估您網站質量的指標。針對這些指標優化您的網站是絕對必要的。優化這些指標以獲得良好的分數不僅可以為您的網站提供可靠的用戶體驗 (UX)，而且該用戶體驗與快速載入速度和高性能相結合，還可以提高您的搜索引擎排名。基本上，要在 Google Page Speed Insights 方面做得好，您的 Core Web Vitals 需要處於最佳狀態。
了解核心 Web 要素
我們應該解決的第一件事是 Core Web Vitals 的定義。這是谷歌所說的：
Web Vitals 是 Google 的一項舉措，旨在為質量信號提供統一指導，這些信號對於在網路上提供出色的用戶體驗至關重要。[. . .] Core Web Vitals 是適用於所有網頁的 Web Vitals 子集，應由所有網站所有者衡量，並將在所有 Google 工具中顯示。每個 Core Web Vitals 都代表了用戶體驗的一個獨特方面，在該領域是可衡量 的，並反映了以用戶為中心的關鍵 結果的真實世界體驗 。
用更簡單的英語來說，谷歌已經匯總了一組可量化和可衡量的指標，表明您網站的真實體驗，而不是在最佳情況下的模擬響應。他們將這些組合在一起，稱為頁面體驗。
關於它們，您需要了解的最基本的事情是，如果用戶發現您的網站難以使用或令人沮喪，那麼您的內容有多好並不重要。Google 不希望人們感到沮喪。
Core Web Vitals 都是關於將用戶及其在您網站上的體驗放在首位，而不是技術細節。
什麼是 Core Web Vitals？
Google 認為最重要的實際 Core Web Vitals 可能會隨著時間而改變。隨著互聯網技術的發展，用戶的期望也在不斷發展。目前，谷歌頁面速度洞察和網路生命力會考慮以下指標。下面，您將找到 Google 評估的所有指標的簡要概述，我們提供了詳細指南的鏈接，可幫助您深入了解和了解衡量、優化您的網站以及最大化每個指標的得分。
首次輸入延遲
首次輸入延遲 (FID)也稱為總阻塞時間，它測量用戶的第一個操作和瀏覽器響應時間之間的時間（以毫秒為單位）。您可能會在許多站點速度分析中看到一個錯誤，其中提到了「渲染阻塞資源」。這就是this所指。
如果您的網站首先載入某些腳本，則整個網站將停止載入，直到載入完成。某些元素無法同時載入。發生這種情況時，將有一個用於顯示新內容的塊（渲染塊），以及用戶輸入（瀏覽器和伺服器由於進程停止或暫停而傳達輸入）。
Google 目前將 FID/TBT 視為最重要的 Core Web Vitals，並在確定您網站的 Page Speed Insights 分數時將其佔總權重的 30%。
第一次內容繪製
First Contentful Paint (FCP)是在顯示第一個 DOM 元素時，通常是圖像或文本。此指標不衡量空白（或非內容）元素，例如純背景色或空白畫布。
FCP 是一個非常有趣的指標，因為它不表示整體站點速度。它從用戶的角度反映了感知的站點速度。FCP 測量用戶看到您網站的第一個彈出窗口的時間。當用戶看到任何網站內容快速出現時，他們的感知表明這是一個快速載入的網站，即使網站的其餘部分需要更長的時間來載入。
最大的內容繪製
站點的最大內容繪製 (LCP)是顯示視口內容的最大部分所需的時間。理想情況下，您最大的內容塊將在您網站的其餘部分載入之前出現。正如我們上面所討論的，這不僅表明 FCP 較低，而且還會讓用戶在其他腳本和媒體載入到瀏覽器中時有一些事情要做。
通常，一個英雄部分或相當大的塊將構成 LCP。與 FCP 相比，LCP 指標是 Google 整體頁面體驗的更好量化指標，它應該是您優先關注改進網站的要素之一。
累積布局偏移
累積布局偏移 (CLS)是衡量網站內容在頁面繼續載入時在摺疊上方/下方移動位置的量度。如果您曾經訪問過某個網站並看到圖像和按鈕在屏幕上彈跳而無法點擊您想要點擊的內容，那就是 CLS。網站上的元素無需您的輸入即可移動，無需滾動、無需點擊、無需懸停。事情只是自己移動。
對於谷歌來說，這是影響頁面體驗的一個重要因素。不斷變化的界面是網站用戶可能發生的最令人沮喪的事情之一，這會導致錯誤點擊、潛在的錯誤訂單，甚至是導致他們放棄網站的簡單挫折。
到第一個位元組的時間
首位元組時間 (TTFB)是一個非常容易掌握的概念。它測量用戶的瀏覽器從伺服器獲取（不呈現）第一個信息位元組所需的時間。就是這樣。基本上，TTFB 就是用戶的瀏覽器聽到伺服器說「嗨」的那一刻。
TTFB 從字面上衡量瀏覽器返回的任何信息，無論是否可見。滿足與否。雖然它不被認為是最高優先順序的核心 Web 要素之一，但您應該注意它，因為低 TTFB 表示伺服器響應快，這與整體頁面載入速度和交互性直接相關。哪些是高優先順序的 Web Vitals。
速度指數
速度指數是一個依賴於用戶的相對指標，衡量所有內容呈現在首屏的時間。將速度指數視為網站整體性能和用戶體驗的快速查看平均值。雖然它沒有詳細說明，但來自 Google Page Speed Insights 的綠色/橙色/紅色速度指數得分是一種好/好/差的評級。
因為 Google 對不同的 Core Web Vitals 的權重不同（正如我們在下面討論的那樣），所以在 Google 眼中，在某些方面得分很高而在其他方面得分很差可能不會轉化為出色的頁面體驗。
哪個是最重要的核心 Web Vitals 指標？
嗯，這取決於。所有的 Core Web Vitals 並不是相等的，而是隨著時間的推移而變化的數量。Google 的 Lighthouse 軟體會為您的 Core Web Vitals 提供加權平均值，並且隨著 Lighthouse 的發展，構成它的分數的重要性可能會發生變化。某些指標在不同時間對用戶體驗的影響比其他指標更大。
在撰寫本文時，Lighthouse 為第 8 版。您可以在上圖或下圖中按降序查看其性能評分：
- 總阻塞時間 (30%)
- 最大的內容油漆 (25%)
- 累積布局偏移 (15%)
- 第一次內容繪製 (10%)
- 速度指數 (10%)
- 交互時間 (10%)
因此，要立即獲得最佳分數，您可以專註於減少渲染阻塞資源並確保快速載入最大的首屏內容。與其他指標的總和相比，這對您的 Core Web Vitals 得分更重要。然後整體提升您的頁面排名。
情況並非總是如此，這些權重會發生變化，但在撰寫本文時，TBT/FID和LCP是最重要的核心 Web 要素，CLS緊隨其後。
簡單英語外賣
這一切看似技術性很強，但實際上並非如此。使用 Core Web Vitals 的頁面體驗在三個支柱元素上取得平衡：
- 網站穩定性
- 反應和反應能力
- 速度和性能
或者用更簡單的英語：
- 網站是否在載入時移動和重新定位元素？
- 用戶與網站交互的速度有多快？
- 用戶能多快看到有用的東西？
這些問題（無論他們的答案如何）都可以通過分別解決累積布局偏移、首次輸入延遲和最大內容繪製來解決。
什麼是非核心 Web Vitals？
正如我們上面所說，基本思想是 Google 可以跟蹤真實世界的用戶體驗。這實際上意味著 Web 開發人員和網站所有者需要將他們的思維方式從更簡單、更技術性的方面轉移開。谷歌可能會因為沒有這些而在頁面速度洞察中懲罰你。但是他們不會像幾年前那樣僅僅因為擁有它們而獎勵你。
這些重要指標不包括移動友好性和響應性的舊備用指標。在這一點上，Google 只是認為您的網站對移動設備友好且響應迅速。這很重要，但它不再像以前那樣位居榜首。
同樣適用於 SSL 並確保您的網站在 HTTPS 上運行。隨著免費 SSL 證書通過主機和 Let’s Encrypt 等服務無處不在，擁有安全站點不再值得強調。這是網站的默認狀態。谷歌不再僅僅為了安全而提升頁面。
谷歌曾經因為沒有插頁式彈出窗口而給你獎勵。這些是在用戶訪問您的網站時立即載入的全屏電子郵件選項。但隨著時間的推移，公司不再因為沒有令人討厭的彈出窗口而獎勵你。他們會因為你浪費用戶的時間而打你的手腕。
這不言而喻，但您不會因為在您的網站上擁有安全瀏覽體驗（即沒有惡意軟體）而獲得提升。在許多方面，這是可以為網站設置的最低門檻。不傷害用戶沒有獎勵，但有懲罰。
如何衡量核心 Web 生命值
由於 Google 非常重視用戶體驗和您優化了 Core Web Vitals，因此他們提供了許多工具供您用來衡量您的網站及其所處的位置。
- Lighthouse是衡量核心網路生命體征的底層軟體。它已集成到其他工具中，但您也可以直接運行 Lighthouse 審核以獲取儘可能多的信息。然而，它是所有可用工具中技術性最強的。
- 谷歌的Page Speed Insights工具可能是最著名的衡量這些的工具，因為它將 Lighthouse 整合到一個更令人愉快的用戶界面中。它可以讓您全面了解 Google 如何看待您的網站，但我們也建議您也使用其他工具來衡量事物。Page Speed Insights 以即使在速度最快、設計最精良的網站上也異常苛刻而著稱。
- Google Search Console是一種不同的一站式服務，用于衡量 Core Web Vitals。您會得到一份逐頁報告，說明哪些內容和 URL 需要改進，哪些至關重要（或沒有）。
- GT Metrix和Pingdom 工具是第三方速度和性能測試，可以讓您深入了解您的核心 Web Vitals。因為它們不像我們提到的其他人那樣直接來自 Google，所以您可以看到更多真實世界的數據以及來自不同位置和使用不同技術的用戶將如何看到您的網站。
結論
主要結論是用戶至上。總是。無論是您創建的內容、他們體驗的內容，還是他們對體驗的內容的看法。他們如何看待您的網站比您構建網站的方式更重要。誠然，一個構建和設計不佳的網站將獲得低分。所以技術方面肯定很重要。但它是 Core Web Vitals 關注的那些技術決策的最終結果，而不僅僅是它們的存在。
您如何看待 Google Core Web Vitals 的當前狀態？讓我們在評論中知道！