← 建站筆記

網站為什麼慢?手機速度分數怎麼看,哪些因素最影響載入速度?

速度與 SEO2026-10-24 更新 · 約 6 分鐘

墨色流線穿過圓環與金色圓點

網站慢,可能是圖片太大、字型下載太多、程式或外部功能拖住畫面,也可能是主機回應或網路問題。手機速度分數能幫你找線索,但不能代替實際操作;先看主要內容何時出現、按鈕有沒有反應、畫面會不會跳動,再決定該修哪裡。

手機速度分數,量到的是什麼?

Lighthouse 是檢查網頁的工具,手機效能分數來自模擬條件下的載入測試。它會綜合不同指標,不是「幾秒打開」的另一種寫法,也不是越接近滿分就越容易成交。Google 官方提醒,分數會受設備、網路及其他執行條件影響。見 Lighthouse 計分說明。

看報告時,可以先把問題翻成白話:主要圖片和文字是不是很晚才出現?畫面出現後,是否仍有程式讓操作卡住?原本要點的按鈕會不會突然移位?總分能提示整體狀況,細項才有助於定位問題。

拿報告比價或驗收時,也請確認網址、測試日期、手機或桌機模式,以及測試環境是否相同。同一網站的首頁和商品頁可能有不同負擔,不能用單一頁面的高分,代表整個網站的表現。

實驗室分數和真實訪客體驗差在哪?

PageSpeed Insights 是 Google 提供的網頁檢測服務,會在有足夠資料時,同時呈現實驗室測試和真實使用者資料。前者方便重現問題,後者反映訪客使用不同裝置與網路時的經驗,兩者不能互相取代。新站或樣本不足時,可能沒有真實使用者資料;空白不等於通過,也不等於很慢。見 PageSpeed 官方說明。

除了報告,你也可以自己用手機走一次客人的路線:打開服務頁、展開選單、填寫表單,或加入購物車。注意等待發生在哪一步,把頁面網址、操作步驟和當時狀況記下來,比只說「感覺很慢」更容易處理。

若只有某個網路環境慢,或只有特定頁面卡住,都應保留這些線索。先區分發生條件,才能縮小檢查範圍,不必一開始就猜是主機壞了。

圖片、字型與外部功能,為什麼值得先查?

圖片要兼顧顯示尺寸與檔案大小。原始照片直接上傳,再用版面縮小,看起來不大,下載量卻未必變少。適當裁切、壓縮和提供適合裝置的版本,是優先檢查項目;首屏主要圖片也不宜一律延後載入。見 Google 圖片效能指南。

字型也需要下載。若載入太多字重或不需要的字,可能延後文字顯示;可評估哪些文字適合使用系統字型,哪些需要保留品牌字型,或只提供需要的字型內容。品牌標題與內文也不必採取完全相同的載入方式。見 網路字型最佳化指南。

聊天視窗、追蹤工具和嵌入內容,可能另外下載並執行程式。先確認載入了哪些外部服務、用在哪些頁面、是否需要一開頁就啟動,再調整時機;不能只靠外掛數量判定快慢。見 第三方程式載入說明。

要改善速度,先排查再決定改哪裡

先挑客人會用的頁面與流程,保存一次完整測試紀錄,再請製作者說明最主要的等待發生在哪裡。若報告指向圖片,就先處理圖片;若是伺服器遲遲沒有回應,就查主機、快取或後端處理。快取是把可重複使用的內容先保存,減少每次重新產生的工作,但是否適用仍要看頁面功能。

每次調整後,應用相同條件再測,並確認原本功能還能用。不要為了分數把必要表單、購物流程或約定內容關掉。省掉一個真正需要的功能,並不等於完成效能改善。

動態效果也要看實作方式。先問效果是否幫助理解、手機上是否順暢、是否載入了不必要的程式,再決定保留或簡化。目標是讓訪客順利閱讀與操作,不必把「極簡」直接等同完全沒有動態。

淡墨的測試數據,應該怎麼解讀?

淡墨官網測試站在 2026-10-23 的一輪 Lighthouse 手機版測試中,受測的主要頁面各測三次,中位數為 94~97 分,無障礙為 100 分。這是測試環境的實驗室數據,代表當時頁面在該條件下的結果,不能當成正式環境、所有訪客或未來持續維持的保證分數。

數據也不能代替實際功能驗收。看完分數,仍要操作選單、表單與其他約定流程,確認文字可讀、資訊清楚、聯絡方式有效。無障礙檢測的分數也不代表所有使用情境都已查完,人工檢查項目不計入該分數,見 無障礙計分說明。

驗收時,可以請製作者一併交代測試日期、頁面、內容版本與環境;上線後若增加大型圖片或新服務,再比較變動前後。這樣分數才是追查問題的紀錄,而不是只剩一個分數,卻不知道測了哪一頁、在什麼條件下測得。

常見問題

桌機很快,手機就一定快嗎?

不一定,手機的設備與連線條件可能不同。請分開看手機測試,也實際檢查手機上的選單、表單與主要內容,別用桌機結果代替。

換更貴的主機就能解決嗎?

不一定,要先確認瓶頸在哪裡。如果主要負擔是圖片、字型或瀏覽器需要執行的程式,只換主機未必能處理問題。請先要求診斷依據,再評估升級。

分數高,搜尋排名就會上升嗎?

不一定。搜尋排名也受內容與其他因素影響,速度分數不能單獨代表排名結果。內容是否回答讀者問題等因素仍然重要,不能只為追分忽略內容。可參考 Google 頁面體驗說明。

網站沒有改,分數為什麼還會變?

測試條件與外部資源變動都可能造成差異。比較時保留相同模式與設定,參考多次結果和細項,不要只挑最高或最低的一次下結論。

速度改善要同時看測試報告與實際操作。先找出拖慢的原因,再用相同條件確認調整有效。若想討論自己的網站,可以準備網址、手機報告和卡住的步驟,讓診斷更具體。

參考來源

  1. PageSpeed 官方說明developers.google.com
  2. Lighthouse 計分說明developer.chrome.com
  3. Google 圖片效能指南web.dev
  4. 網路字型最佳化指南web.dev
  5. 第三方程式載入說明web.dev
  6. Google 頁面體驗說明developers.google.com
  7. 無障礙計分說明developer.chrome.com

其他筆記

全部建站筆記 →

需求諮詢 →LINE