數位與系統・Knowledge
核心網頁指標
Google 用三個數字量化網頁體驗:載入多快、互動多順、版面會不會跳。
關鍵事實
- 三個指標:LCP 載入、INP 互動、CLS 版面穩定,各有良好與不佳的門檻
- 良好門檻:Google 公布的良好標準:LCP 在 2.5 秒內、INP 在 200 毫秒內、CLS 不超過 0.1
- 資料來源:以真實使用者瀏覽資料的多數情況計算,搜尋主控台與 PageSpeed 都看得到
- 搜尋影響:屬於頁面體驗訊號之一,影響排名的程度有限,但直接影響跳出與轉換
- 常見拖累:未壓縮圖片、過多第三方程式、字型阻塞、未預留圖片與廣告尺寸
白話解釋
核心網頁指標(Core Web Vitals)是 Google 定義的三個使用者體驗量測值:最大內容繪製(LCP)量頁面主要內容多久出現,互動到下一次繪製(INP)量使用者點擊後頁面多久有反應,累計版面位移(CLS)量載入過程中版面跳動的程度。
三者都以真實使用者的瀏覽資料計算,並有「良好、待改善、不佳」三個區間。它們是 Google 搜尋排名考量的頁面體驗訊號之一,但更直接的影響是:載入慢、點了沒反應、按鈕突然移位,使用者就直接離開了。
你什麼時候會遇到它
用 PageSpeed 測速工具或 Lighthouse 檢查網站時看到三個紅黃綠的指標;搜尋主控台的「網頁體驗」或「核心網頁指標」報表標示有不佳的網址;或是顧客抱怨網站在手機上很慢、按鈕會跑掉。
這三種時刻都指向同一組數字。
常見情境與對策
- PageSpeed 測速工具的行動版分數很低,但電腦版正常——行動網路與裝置效能較弱,先處理圖片壓縮與延遲載入、減少第三方追蹤碼、延後非必要的程式載入,再重新量測真實使用者資料。
- 改版上線後搜尋主控台的核心網頁指標報表大量變成不佳——比對新舊站的指標,常見原因是新設計載入大圖與動畫、換了較慢的主機或多裝了外掛;逐項回退或優化,並持續觀察數週。
- 頁面載入時按鈕突然往下跳,使用者按錯——這是 CLS 問題,通常因為圖片、廣告或嵌入內容沒有預留尺寸;為所有媒體元素設定固定寬高比,字型載入改為不阻塞。
LINE 諮詢
把網站速度優化的現況與需求傳過來,先免費書面初判。
- 傳什麼
- 現有網站網址與後台權限還沒有網站也能先談
- 商品或服務清單、作業流程說明表單樣張或試算表皆可
- 需求清單一句話也行
- 多久回
- 週一至週五 09:00–18:00 依序回覆;LINE 全天可傳資料
- 下一步
- 免費書面初判
- 約時間細談
- 委任開發
先傳資料做初判,需要時再約時間細談
程序怎麼走
- 量測現況:用 PageSpeed 測速工具看真實使用者資料,並在搜尋主控台開啟核心網頁指標報表,列出不佳的頁面群組。
- 找出主因:依指標分類:LCP 看主要圖片與主機回應,INP 看程式阻塞,CLS 看未預留尺寸的元素。
- 優先修正:從影響頁面最多的共通樣板(頁首、頁尾、文章版型)下手,一次修正影響全站。
- 驗證:修正後用實驗室工具確認,再等真實使用者資料累積數週,看搜尋主控台報表是否轉為良好。
- 納入守門:把速度量測放進每次改版與新增外掛的檢查清單,避免退步。
先看清楚
要看的是真實使用者資料(欄位資料),不是單次測試的實驗室分數;兩者會不同,前者才是搜尋引擎採用的。常見的改善來源是圖片未壓縮、第三方追蹤碼過多、字型載入阻塞與沒有預留圖片尺寸,改版時最容易退步。
常見錯誤
- 只追求實驗室分數滿分——真實使用者資料才是搜尋引擎採用的,過度優化測試分數常是白工。
- 改版時只看設計不看速度——新站大圖與動畫讓指標從良好掉到不佳,流量跟著掉。
- 為了速度把圖片全部拿掉——內容與轉換受損,正確做法是壓縮、延遲載入與預留尺寸。
行動前自查清單
- 搜尋主控台的核心網頁指標報表沒有大量不佳網址
- 圖片已壓縮並設定尺寸,非首屏圖片延遲載入
- 第三方追蹤碼與外掛已盤點,非必要者移除或延後載入
- 字型載入不阻塞內容顯示
- 改版與新增功能的檢查清單含速度量測
常見問題
核心網頁指標是什麼?
Google 用三個數字量化網頁體驗:載入多快、互動多順、版面會不會跳。
核心網頁指標(Core Web Vitals)是 Google 定義的三個使用者體驗量測值:最大內容繪製(LCP)量頁面主要內容多久出現,互動到下一次繪製(INP)量使用者點擊後頁面多久有反應,累計版面位移(CLS)量載入過程中版面跳動的程度。
三者都以真實使用者的瀏覽資料計算,並有「良好、待改善、不佳」三個區間。它們是 Google 搜尋排名考量的頁面體驗訊號之一,但更直接的影響是:載入慢、點了沒反應、按鈕突然移位,使用者就直接離開了。
什麼時候會遇到核心網頁指標?遇到了該怎麼辦?
用 PageSpeed 測速工具或 Lighthouse 檢查網站時看到三個紅黃綠的指標;搜尋主控台的「網頁體驗」或「核心網頁指標」報表標示有不佳的網址;或是顧客抱怨網站在手機上很慢、按鈕會跑掉。
這三種時刻都指向同一組數字。提醒:要看的是真實使用者資料(欄位資料),不是單次測試的實驗室分數;兩者會不同,前者才是搜尋引擎採用的。
常見的改善來源是圖片未壓縮、第三方追蹤碼過多、字型載入阻塞與沒有預留圖片尺寸,改版時最容易退步。如需協助,可將文件交由偉騰開發興業免費書面初判(加 LINE「偉騰開發」傳文件即可)。
對應的偉騰服務
相關名詞
- 響應式網頁設計(RWD):同一個網頁依螢幕寬度自動調整版面,手機、平板、電腦都好讀,不必做兩個網站。
- 搜尋引擎優化(SEO):讓網站在搜尋引擎的自然結果被找到的一整套做法,不是買廣告,也沒人能承諾名次。
- 內容管理系統(CMS):讓不會寫程式的人也能新增文章、改文字、換圖片的網站後台,網站內容與程式分開管。
延伸閱讀:更多「數位與系統」與常查名詞
- SSL 憑證與 HTTPS
- 應用程式介面(API)
- 客戶關係管理系統(CRM)
- 企業資源規劃與進銷存
- 金流串接
- 電子發票串接
- 網站無障礙規範
- 漸進式網頁應用(PWA)
- 隱私權政策與個資告知
- 網域與 DNS
- 301 轉址與標準網址
- 需求規格書與規格凍結
免費工具
別逐字研究了,把文件傳過來。
公文、謄本、稽查紀錄整份交給偉騰,前臺東縣環保局長團隊 24 小時內免費書面初判:狀況多嚴重、期限剩多少、下一步做什麼。LINE 傳文件免費判讀