• 主頁
  • 文章
  • 主題
  • 了解核心網絡生命力：如何監控它們及其對您網站的影響

了解核心網絡生命力：如何監控它們及其對您網站的影響

已發表: 2021-11-15

Core Web Vitals 是一組 Google 用來評估您網站質量的指標。 針對這些指標優化您的網站是絕對必要的。 優化這些指標以獲得良好的分數不僅可以為您的網站提供可靠的用戶體驗 (UX)，用戶體驗與快速加載速度和高性能相結合也可以提高您的搜索引擎排名。 基本上，要在 Google Page Speed Insights 方面做得很好，您的核心網絡生命力需要處於最佳狀態。

了解核心網絡生命力

我們首先應該解決的是 Core Web Vitals 的定義。 這就是谷歌所說的：

Web Vitals 是 Google 的一項舉措，旨在為質量信號提供統一指導，這些信號對於在網絡上提供出色的用戶體驗至關重要。 [。 . .] Core Web Vitals 是適用於所有網頁的 Web Vitals 的子集，應由所有網站所有者衡量，並將在所有 Google 工具中顯示。 每個 Core Web Vitals 都代表了用戶體驗的一個不同方面，在該領域是可衡量的，並反映了以用戶為中心的關鍵結果的真實體驗。

用更簡單的英語來說，谷歌已經匯總了一組可量化和可衡量的指標，這些指標表明您網站的真實體驗，而不是在最佳情況下的模擬響應。 他們將這些聚集在他們所謂的頁面體驗中。

您需要了解的最基本的一點是，如果用戶發現您的網站難以使用或令人沮喪，那麼您的內容有多好並不重要。 谷歌不希望人們感到沮喪。

Core Web Vitals 都是關於將用戶及其在您網站上的體驗放在首位，而不是技術細節。

什麼是核心網絡生命力？

Google 認為最重要的實際 Core Web Vitals 可能會隨著時間而改變。 隨著互聯網技術的發展，用戶的期望也在不斷發展。 目前，谷歌頁面速度洞察和網絡生命力數據考慮了以下指標。 下面，您將找到 Google 評估的所有指標的簡要概述，我們提供了詳細指南的鏈接，這些指南可幫助您深入了解衡量、優化您的網站以及最大限度地提高每個指標的得分。

首次輸入延遲

核心網絡生命體徵的fid

首次輸入延遲 (FID) 也稱為總阻塞時間，以毫秒為單位測量用戶的第一個操作和瀏覽器的響應時間之間的時間。 您可能會在許多站點速度分析中看到提及“渲染阻塞資源”的錯誤。 這就是this所指的。

如果您有一個網站首先加載某些腳本，整個網站將停止並停止加載，直到完成。 某些元素不能同時加載。 發生這種情況時，會同時阻止顯示新內容（渲染阻止），以及用戶輸入（瀏覽器和服務器通信輸入，因為進程停止或暫停）。

Google 目前將 FID/TBT視為核心 Web Vitals 中最重要的一項，並在確定您網站的 Page Speed Insights 得分時將其占總權重的 30%。

第一次內容豐富的油漆

用於核心 Web Vitals 的 fcp

First Contentful Paint (FCP) 是顯示第一個 DOM 元素時，通常是圖像或文本。 該指標不測量空白（或非內容）元素，例如純背景色或空白畫布。

FCP 是一個非常有趣的指標，因為它並不表示網站的整體速度。 它從用戶的角度反映了感知的站點速度。 FCP 測量用戶將看到您的網站的第一位彈出的時間。 當用戶看到任何站點內容快速出現時，他們的感知表明站點加載速度很快，即使站點的其餘部分需要更長的時間來加載。

最大的內容塗料

用於核心 Web Vitals 的 LCP

站點的最大內容繪製 (LCP) 是顯示視口內容的最大部分所需的時間。 理想情況下，您最大的內容塊將出現在您網站的其餘部分加載之前。 正如我們上面討論的那樣，這不僅表明 FCP 較低，而且還會在其他腳本和媒體加載到瀏覽器中時為用戶提供一些東西。

通常，英雄部分或相當大的塊將構成 LCP。 與 FCP 相比，LCP 指標是 Google 整體頁面體驗的更好量化指標，它應該是您首先關注改進網站的元素之一。

累積版面偏移

核心 Web Vitals 的累積佈局轉變

累積佈局偏移 (CLS) 是衡量網站內容在頁面繼續加載時在首屏上方/下方移動的量度。 如果您曾經訪問過網站並看到圖像和按鈕在屏幕上彈跳而無法單擊您想要的，那就是 CLS。 網站上的元素在沒有您輸入的情況下移動，沒有滾動，沒有點擊，沒有懸停。 事情只是自行移動。

它是谷歌頁面體驗的一個重要因素。 不斷變化的界面是網站用戶可能發生的最令人沮喪的事情之一，它會導致點擊錯誤、潛在的錯誤訂單，甚至是簡單的挫敗感，導致他們放棄網站。

第一個字節的時間

ttfb 用於核心 Web Vitals

首字節時間 (TTFB) 是一個非常容易掌握的概念。 它測量用戶的瀏覽器從服務器獲取（而不是呈現）第一個信息字節需要多長時間。 就是這樣。 基本上，TTFB 就是用戶瀏覽器聽到服務器說“嗨”的那一刻。

TTFB 從字面上測量瀏覽器返回的任何信息，無論是否可見。 滿足與否。 雖然它不被認為是最高優先級的核心 Web Vitals 之一，但您應該注意它，因為低 TTFB 表示服務器響應速度快，這可能與整體頁面加載速度和交互性直接相關。 哪些是高優先級的網絡生命體徵。

速度指數

核心網絡生命體徵的速度指數

速度指數是一個依賴於用戶的相對指標，衡量所有內容在首屏呈現的時間。 將速度指數視為您網站整體性能和用戶體驗的快速查看平均值。 雖然沒有詳細說明，但來自 Google Page Speed Insights 的綠色/橙色/紅色速度指數得分是一種好/好/壞評級。

因為 Google 對不同的 Core Web Vitals 的權重不同（正如我們在下面討論的那樣），所以在某些方面得分很高而在其他方面得分很差可能不會轉化為 Google 眼中的出色頁面體驗。

哪個是最重要的核心 Web Vitals 指標？

嗯，這取決於。 所有的 Core Web Vitals 並不相等，而是隨著時間的推移而變化。 Google 的 Lighthouse 軟件會為您的核心 Web 生命值提供加權平均值，而構成它的分數可能會隨著 Lighthouse 的發展而改變其重要性。 在不同的時間，一些指標對用戶體驗的影響比其他指標更大。

Lighthouse 8 加權指標

在撰寫本文時，Lighthouse 是第 8 版。您可以在上圖或下面的文本中按降序查看其性能評分：

  1. 總阻塞時間 (30%)
  2. 最大含量的油漆 (25%)
  3. 累積佈局轉變 (15%)
  4. 第一次內容豐富的油漆 (10%)
  5. 速度指數 (10%)
  6. 互動時間 (10%)

因此，要立即獲得最佳分數，您可以專注於減少渲染阻塞資源並確保快速加載最大的首屏內容。 這將比其他指標加起來更重要。 然後提高您的頁面整體排名。

情況並非總是如此，這些權重會發生變化，但在撰寫本文時，TBT/FID 和 LCP 是最重要的 Core Web Vitals，CLS 接近第三。

簡明英語的要點

這似乎都非常技術性，但這個概念確實不是。 使用 Core Web Vitals 的頁面體驗在三個支柱元素上取得平衡：

  • 場地穩定性
  • 反應和反應
  • 速度和性能

或者用更簡單的英語：

  • 網站在加載時是否會移動和重新定位元素？
  • 用戶與網站交互的速度有多快？
  • 用戶能多快看到有用的東西？

這些問題（不管他們的答案如何）可以通過分別解決累積佈局偏移、首次輸入延遲和最大內容繪製來解決。

什麼不是核心網絡生命力？

正如我們上面所說，基本思想是谷歌可以跟踪真實世界的用戶體驗。 這實際上意味著 Web 開發人員和網站所有者需要將他們的思維方式從更簡單、更技術性的方面轉移開來。 谷歌可能會因為沒有這些信息而在頁面速度洞察力方面對您進行處罰。 但他們不會像多年前那樣僅僅因為擁有它們而獎勵你。

這些重要指標不包括舊的移動友好性和響應能力。 在這一點上，谷歌只是認為您的網站是移動友好且響應迅速的。 這很重要，但它不再像以前那樣排在首位。

SSL 也是如此，並確保您的網站在 HTTPS 上運行。 隨著通過主機和服務（如 Let's Encrypt）無處不在的免費 SSL 證書，擁有一個安全的站點不再值得強調。 這是網站的默認狀態。 谷歌不再僅僅為了安全而提升頁面。

谷歌過去常常因為沒有插頁式彈出窗口而給你獎金。 這些是在用戶訪問您的網站時立即加載的全屏電子郵件選項。 但是隨著時間的流逝，公司不再獎勵您沒有令人討厭的彈出窗口。 他們會因為浪費用戶的時間而扇你一巴掌。

這應該是不言而喻的，但您不會因為在您的網站上擁有安全瀏覽體驗而受到提升（即沒有惡意軟件）。 在許多方面，這是可以為網站設置的最低標準。 不傷害你的用戶沒有獎勵，但有懲罰。

如何衡量核心網絡生命力

由於 Google 已將用戶體驗和您優化的 Core Web Vitals 放在首位，因此他們有許多工具可供您用來衡量您的網站及其位置。

  • Lighthouse 是衡量核心網絡生命力的底層軟件。 它已集成到其他工具中，但您也可以直接運行 Lighthouse 審計以獲取盡可能多的信息。 然而，它是所有可用工具中技術含量最高的。
  • Google 的 Page Speed Insights 工具可能是測量這些方面最著名的工具，因為它將 Lighthouse 整合到一個更令人愉悅的 UI 中。 它可以讓您全面了解 Google 如何看待您的網站，但我們也建議您也使用其他工具來衡量事物。 Page Speed Insights 以在速度最快、設計最精良的網站上異常苛刻而著稱。
  • Google Search Console 是另一種用於衡量核心網絡生命力的一站式商店。 您會獲得一份逐頁報告，說明哪些內容和 URL 需要改進，哪些重要內容缺乏（或沒有）。
  • GT Metrix 和 Pingdom 工具是第三方速度和性能測試，可以讓您深入了解您的 Core Web Vitals。 因為他們不像我們提到的其他人那樣直接來自 Google，所以您可以看到更多真實世界的數據以及來自不同位置和使用不同技術的用戶將如何看到您的網站。

結論

主要的收穫是用戶至上。 總是。 無論是您創建的內容，他們體驗的內容，甚至是他們對所體驗內容的看法。 他們如何看待您的網站比您如何構建網站更重要。 誠然，構建和設計不佳的網站得分會很低。 所以技術方面肯定很重要。 但它是 Core Web Vitals 關注的那些技術決策的最終結果，而不僅僅是它們的存在。

您如何看待 Google Core Web Vitals 的當前狀態？ 讓我們在評論中知道！

文章精選圖片由 BestForBest / shutterstock.com