頁面速度一直是網站在搜索引擎中的表現以及客戶如何看待網站的重要組成部分。它也可能是用戶是否會在網站上轉換或購買的決定因素。
我們都曾因為退出一個非常緩慢的網頁並再次開始搜索而感到內疚……
在我們針對 Page Speed 有效且可持續地優化網站之前，我們需要首先了解 Google(和其他搜索引擎)在計算您的網站在Page Speed Insights 報告中的“分數”時會考慮什麼。雖然我們可以清楚地看到哪些方面被測量和報告，但並不總是清楚這些指標實際上是什麼以及它們測量什麼。
這就是我們整理本指南的原因 – 幫助您了解 Page Speed Insight 指標，以幫助您使您的網站更加用戶友好且更易於最終用戶訪問。
最大的內容繪製 (LCP)
最大的內容繪製是 Page Speed Insights 報告中的一個關鍵指標，實際上將在 2021 年 5 月的 Google 算法更新中發揮關鍵作用，如果您還沒有閱讀，我們建議您閱讀。您可以在此處下載我們的完整準備指南。
簡單地說：最大的內容繪製測量在瀏覽器中指定的視口內填充和可視化最大的圖像或文本塊所花費的渲染時間。所有 LCP 都與頁面首次開始加載時相關。
首次內容繪製 (FCP)
一般來說，術語“第一次繪製”是指在您的瀏覽器上呈現任何內容的確切時間。您通常會看到 First Paint 是您嘗試加載的頁面頂部的標題/橫幅圖像，甚至只是相關頁面的背景顏色。首先“繪製”橫幅圖像或頁面背景是給人一種快速加載頁面印象的好方法。
然而，First Paint 還有另一個層次……First Contentful Paint。 First Contentful Paint (FCP) 在保持頁面速度方面更有效。它測量第一段實際內容(無論是文本/副本還是視覺資產)在瀏覽器上可見所需的時間。
簡單地說： FCP 是您的用戶可以參與或從中受益的內容變得可見的點。
交互時間 (TTI)
互動時間是另一個非常重要的頁面速度指標，不僅對搜索引擎而且對用戶同樣(如果不是更重要)。交互時間意味著(如您所料)網頁完全交互所需的時間。
在談到 SEO 和頁面速度時，“交互式”可能是非常主觀的，但是，Google 使用 3 個標准定義了交互時間 (TTI)：
- 網頁已呈現並顯示有用的內容(請參閱第一個內容繪製部分)
- 已成功為大多數/所有可見頁面元素註冊了事件處理程序
- 該頁面現在可以快速有效地響應用戶交互，通常在 50 毫秒內。
如何解釋交互時間
下表重點介紹了 Page Speed Insights Report 如何衡量和“評分”您的 TTI：
簡單地說：互動時間是您的用戶可以查看、導航和參與您的網站/網頁而不會遇到任何問題或延遲的時間點。
速度指數
速度指數相對容易理解(這是 SEO 世界中的一個異常現象，其中一切通常都非常複雜)。 Google 將您網站的速度指數定義為您的網頁/網站上的內容在視覺上填充所需的時間(以秒為單位)。
在計算網頁的速度指數時，Google 會根據 HTTP 存檔中的數據對速度指數分數(他們使用Speedline Node.js 模塊獲得)進行基準測試。
Page Speed Insights 如何對速度指數進行分類：
總阻塞時間
Page Speed Insights 報告的這一指標衡量網頁被阻止響應用戶輸入的時間(以秒為單位)。這些類型的用戶輸入包括鼠標點擊、鍵盤按下或屏幕點擊等。
總阻塞時間是使用 FCP 和 TTI 點之間所有“長任務”的總和來計算的。任何超過 50 毫秒的任務都被視為“長任務”，並且總阻塞時間在此之後計算，因此如果任務需要 70 毫秒，TBT 將為 20 毫秒。
累積佈局偏移 (CLS)
CLS 將再次在 2021 年 5 月的 CWV 算法更新中發揮關鍵作用(我們再次鼓勵您通過我們的指南了解更多信息)。每次可見元素從一幀突然移動或移動到另一幀時，都會發生佈局偏移。
您是否曾經點擊過網頁上的某些內容，然後就在您點擊之前……整個頁面(或至少大部分)突然移動……而您最終點擊了錯誤的內容?我們都經歷過……這就是所謂的累積佈局轉變。
簡單地說：累積佈局偏移是用戶會話期間網頁生命週期內發生的所有意外和突然的佈局偏移的總和。
