Core Web Vital 如何影響 SEO

前言

2024 年 2 月 5 日，Vercel 的官方 youtube 有個影片

是 Vercel Frontend Lead Lee Robinson，講解一篇叫How Core Web Vitals affect SEO的文章

這篇 blog 是 Vercel 的 CTO 寫的，他是前 google search 的 director

非常有權位的文章

搜尋排名

• 查詢關鍵字的關聯度跟網站內容質量還是最重要的，遠大於網站效能
• 跟競爭對手，有著類似的內容質量情境下，網站速度會讓你在 SEO 脫穎而出，而且網站速度也會影響購買轉換率

翻 vercel 相關文章，發現一個不錯收集網頁效能影響DX跟轉換率資料的網站

查看 Core Web Vitals 的方法

Google Search Console

PageSpeed Insights

Core Web Vitals 的內涵

PageSpeed Insights分成兩個部分：

• Discover what your real users are experiencing
• Diagnose performance issues

實際上只有第一項，真實使用者體驗資料會影響SEO

第二項，俗稱所謂的lighthouse跑分，只是當成優化網站的參考依據

用 Devtools 的 lighthouse 的效果跟上面的 PageSpeed Insights 的 lighthouse 效果是一樣的

真實使用者資料

• 會使用過去28天中，P75的使用者的平均使用情況
• 會影響的效能指標有
  • Largest Contentful Paint (LCP)
  • First Input Delay (FID)
  • Cumulative Layout Shift (CLS)
• 2024-03-12 之後 Interaction to Next Paint (INP) 會取代 FID.
• 桌機跟手機版的網站是分開計算的
• 使用者來自哪個國家，並無區別，計算權重一樣
• 收集的資料要足夠多，才會進行排名
• 使用者必須登入chrome，並啟動使用統計報告(usage statistic reporting)
• 只能收集桌機或是android系統的 chrome 資訊

最後一點蠻有趣的，軟體被硬體(Apple)掐著脖子，收集不到 IPhone 的資料

Core Web Vitals 指標

LCP

LCP是Largest Contentful Paint縮寫，詳細可以看官方文件

簡單講就是，網站主要內容的載入時間，通常瓶頸會在圖片、影片等等

他會取P75的數字作評估(有 75%的人比這數字好)

在2.5秒內認為是良好，大於4.0秒，會被歸類為糟糕的使用者體驗

INP

INP是Interaction to Next Paint縮寫，詳細可以看官方文件

簡單講就是當行為觸發後，網站到對你的行為作出反應的時間，一樣取P75

INP會計算下列行為

• 滑鼠點擊
• 輕觸觸碰螢幕裝置
• 實體或螢幕鍵盤輸入

在200毫秒內認為是良好，大於500毫秒，會被歸類為糟糕的使用者體驗

CLS

CLS是Cumulative Layout Shift縮寫，詳細可以看官方文件

講白話就是，避免板面(layout)突然大幅度移動，造成使用者誤點按鈕之類的不好體驗

FID

FID是First Input Delay縮寫，詳細可以看官方文件

跟 INP 很類似，但是只取第一次的輸入

2024-03-12之後會被INP取代

即時的 Core Web Vitals

因為 PageSpeed Insights 是計算 28 天 P75 的平均值

並不能即時地反映出，對網站所做的優化改變

所以一般前端監控服務都會有 Core Web Vitals 的指標

甚至還可以統計 P90、P95 等等數據

Vercel 他們也有提供這樣的體驗