
重點整理
- Core Web Vitals 合格線:LCP 2.5 秒內、INP 200 毫秒內、CLS 0.1 以下,以 75% 的造訪為準。
- PageSpeed 上半部是真實訪客資料,下半部是一次模擬測試的分數。
- 模擬分數 90 分卻未通過,要以真實訪客資料為準。
- 手機分數比桌機重要,Google 主要以手機版內容評估網站。
- 圖片太大、字型太重、程式太多、主機太慢是最常見的原因。
一句話重點: 想測試網站速度,最常用的工具是 Google 的 PageSpeed Insights。報告上半部看的是真實訪客的使用情況,下半部則是模擬測試得出的分數。Google 判斷「網站使用體驗核心指標」(Core Web Vitals)是否通過,主要看上半部的資料。三個指標的合格線分別是:主要內容在 2.5 秒內出現、點按後 200 毫秒內有反應、版面位移低於 0.1。如果網站拿到 90 分,卻顯示未通過,通常是因為這兩部分衡量的東西不同。
三個指標分別在看什麼?
| 指標 | 白話說明 | 合格線 |
|---|---|---|
| LCP(最大內容繪製) | 畫面上最大的圖片或文字區塊,要多久才會出現 | 2.5 秒以內 |
| INP(互動回應速度) | 按下按鈕、點開選單後,要等多久才有反應 | 200 毫秒以內 |
| CLS(累計版面配置位移) | 頁面看到一半突然跳動,甚至讓人按錯位置的程度 | 0.1 以下 |
這三個合格線來自 Google 的 網站使用體驗指標說明。判斷時會看75% 的造訪是否達標,而且手機和桌機是分開計算的。換句話說,不是自己測起來很快就算通過,而是要有四分之三以上的造訪都符合標準。
PageSpeed 報告怎麼看?
上半部:真實訪客的體驗
報告中「探索實際使用者的體驗」這個區塊,呈現的是 Google 從真實 Chrome 使用者收集到的資料,反映網站過去一段時間的整體表現。三個指標都達到標準,才會顯示「通過」。
如果網站流量太少,這個區塊可能會顯示資料不足。這時可以先參考下半部的模擬測試結果。
下半部:一次模擬測試
「診斷效能問題」這個區塊,是 Google 模擬使用手機或電腦開啟網站,根據當下的測試結果算出分數(0~100 分)。
這個分數主要是用來找出網站慢在哪裡,不只是看高低而已。往下看「診斷」項目,還能找到可能拖慢速度的原因,例如圖片檔案太大,或是某段程式影響畫面顯示。
為什麼 90 分卻顯示未通過?
因為模擬測試只執行一次,而且使用固定的網路條件;真實訪客使用的手機、網路環境和所在位置,卻不會完全一樣。
例如,模擬測試時網站載入很快,但實際訪客使用行動網路時,可能要花很久才能下載大型圖片。也可能是廣告或聊天視窗比較晚出現,導致頁面突然跳動。
因此,就算下半部拿到高分,上半部仍可能顯示未通過。要判斷真實使用體驗,還是得以上半部的資料為準。
手機和桌機要分開看
PageSpeed 報告上方可以切換手機與桌機。很多網站的手機分數會比桌機低不少,主要是因為模擬測試使用的手機效能和網路條件都比較慢。
Google 主要以手機版的內容來評估網站,因此手機版的表現更值得優先關注。不要只看到桌機分數很高,就以為網站速度沒問題。
網站變慢,最常見的原因
- 圖片太大:明明是用手機瀏覽,卻還是得下載原本提供給大螢幕使用的大圖。
- 中文字型太重:一套中文字型動輒一兩 MB,如果載入方式沒處理好,可能要等字型載入完成,頁面上的文字才會出現。
- 外掛與程式碼太多:沒在使用的外掛、追蹤碼、聊天視窗,都可能增加下載和執行的負擔。
- 主機太慢:光是等主機回應就要一兩秒,即使前端做了再多優化,改善空間也很有限。
哪些可以自己改,哪些要找人?
| 問題 | 自己可以做 | 要找工程師 |
|---|---|---|
| 圖片太大 | 上傳前先縮小、壓縮圖片 | 依裝置提供不同尺寸、改用新式圖片格式 |
| 外掛太多 | 停用沒在用的外掛與追蹤碼 | 合併、延後載入必要的程式 |
| 字型太重 | 盡量少用特殊字型 | 調整字型的載入方式 |
| 主機太慢 | 檢查目前的主機方案是否太舊、規格是否不足 | 調整主機設定、快取,評估是否需要更換主機 |
速度慢,到底損失多少?
網站速度太慢,最直接的影響就是訪客等不及,還沒看到內容就先離開了。更麻煩的是,你可能根本不知道這些潛在客戶曾經來過。
想大概了解速度變慢可能造成多少損失,可以使用 網站變慢會流失多少客人,輸入網站每月流量與成交率,估算每慢一秒可能少掉多少詢問。
Google 的 Core Web Vitals 說明 也提到,這些指標是 Google 評估網頁使用體驗的依據之一。網站內容仍然是搜尋排名的核心,但如果速度太慢、影響使用體驗,即使內容寫得好,也可能受到影響。
常見問題
分數一定要到 90 分以上嗎?
不一定。PageSpeed 分數會受到網站架構和主機環境等因素影響。與其一味追求高分,不如先確認上半部的真實使用資料,讓三項指標都達到標準。
為什麼每次測的分數都不一樣?
每次模擬測試時,網路狀況和主機負載都可能有些差異,因此分數上下浮動幾分是正常的。如果要比較優化前後的效果,建議多測幾次,再取平均值來看。
網站沒什麼流量,看不到真實資料怎麼辦?
可以先利用下半部的診斷結果,找出比較明顯的問題,例如圖片檔案過大,或是某些程式影響畫面顯示。先處理這些問題,改善後再持續觀察。
不是你們做的網站可以優化嗎?
可以。崴米會先量測網站速度,並檢查目前的程式架構,再評估哪些地方可以調整、改善空間有多大。如果網站架構太舊,導致優化效果有限,也會直接建議考慮改版,而不是勉強調整。
崴米的做法
我們會先透過 PageSpeed Insights 和 Lighthouse,檢查網站在手機與桌機上的速度表現,找出真正拖慢網站的原因。確認需要處理的項目與範圍後,才會提供報價。
完成優化後,會再進行量測,並提供改善前後的對照報告,沒有進步不收費。



