網頁速度優化：每慢一秒就流失一成顧客

為什麼速度直接等於錢？

很多老闆把網站慢當成「小毛病」，其實它每天都在偷走訂單。多份電商研究指出，頁面載入時間從 1 秒拉長到 3 秒，跳出機率上升超過三成；從 1 秒到 5 秒，跳出率幾乎翻倍。換算到實務上，一間月訪客 3 萬、轉換率 2% 的小店，若速度從 4 秒優化到 2 秒，轉換率往往能拉到 2.4% 以上，等於同樣的廣告預算多賺出一兩成訂單，而你一毛廣告費都沒多花。台灣消費者習慣用手機在零碎時間逛店，耐性更低，慢一秒的代價比桌機更高。

看懂 Core Web Vitals 三大指標

Google 用三個指標衡量真實使用體驗，也是排名訊號，你必須先看懂它們代表什麼：

• LCP（最大內容繪製）：頁面主要內容多久畫出來，目標 2.5 秒內。電商通常是首圖或商品大圖，這是最該優先處理的。
• INP（互動到下一次繪製）：使用者點按鈕後多久有反應，目標 200 毫秒內。卡卡的「加入購物車」就是 INP 太差。
• CLS（累積版面位移）：頁面有沒有跳來跳去，目標小於 0.1。圖片沒設寬高、廣告突然插入，會讓顧客誤點，極傷體驗。

這三個指標在 Google Search Console 的「網站使用體驗核心指標」報告中，會用真實使用者數據分成「良好／需要改善／不良」。先把被標為「不良」的網址清單拉出來，那就是你的優化待辦清單。

第一步：用免費工具測出問題

不用花錢買工具。打開 PageSpeed Insights（pagespeed.web.dev），貼上你的網址，務必看「行動裝置」分頁而不是桌機，因為八成台灣電商流量來自手機。報告下方的「機會」與「診斷」會具體告訴你：哪張圖太大、哪段 JavaScript 阻擋了渲染、伺服器回應幾秒。把分數低於 75 分的頁面記下來，搭配 Search Console 的核心指標報告交叉比對，你就有一份明確、可量化的優化清單，而不是憑感覺亂改。

第二步：圖片是最大的肥肉，先瘦它

圖片通常佔網頁載入重量的六成以上，也是投報率最高的優化點。三個動作就能讓首頁減重五到七成：第一，把 JPG／PNG 轉成 WebP 格式，畫質幾乎不變但檔案小三到四成；第二，依實際顯示尺寸縮圖，手機上只顯示 400px 寬的縮圖，就別塞 4000px 的原圖進去；第三，對非首屏的圖片加上 lazy load（loading="lazy"），讓顧客滑到才載入。一張原本 2MB 的商品照，做完這三步常常只剩 150KB，整頁速度立刻有感提升。

第三步：開快取，讓回頭客秒開

快取是「把不常變的檔案存起來，下次不用重抓」。瀏覽器快取讓回訪顧客的 Logo、CSS、字型直接從本機讀取，第二次造訪幾乎瞬開。伺服器端的頁面快取則讓相同頁面不必每次都重新運算資料庫。若你的客群跨縣市甚至跨海外，再加上 CDN，把圖片與靜態檔案分散到離使用者最近的節點。這幾項多半在主機後台或外掛就能開啟，不需要改商品內容，卻能顯著降低伺服器回應時間（TTFB）。

第四步：精簡第三方腳本與字型

很多網站慢，是被「貼上去就忘了」的第三方腳本拖垮：聊天機器人、彈窗工具、好幾組廣告追蹤碼、社群分享按鈕，每一個都在搶頻寬與運算。先盤點 head 裡到底掛了幾支腳本，停用沒在用的；把分析與追蹤碼用非同步（async／defer）方式載入，避免阻擋頁面渲染。網頁字型也別貪心塞五六種字重，只留實際用到的，並指定 font-display:swap，避免文字遲遲不顯示。腳本瘦身常常比改圖更能改善 INP 互動延遲。

優化後要持續監測，別一勞永逸

速度不是優化一次就永遠合格。每次上新活動頁、裝新外掛、換版型，都可能把速度打回原形。建議養成習慣：每月固定用 PageSpeed Insights 抽測首頁、熱門商品頁與結帳頁這三類關鍵頁面，並每週瞄一眼 Search Console 核心指標有沒有新增「不良」網址。把速度當成像庫存一樣需要定期盤點的營運指標，而不是工程師的一次性專案，才能讓你辛苦救回的轉換率持續留住。

行動版優先：八成顧客的真實體驗

台灣電商超過八成流量來自手機，但許多店主測速度、看版面時卻還在用桌機，這是最常見的盲點。手機的處理器、記憶體與網路條件都遠不如電腦，同一個塞滿大圖與特效的頁面，桌機可能 2 秒開完，老舊手機卻要拖到 6、7 秒。優化時請永遠把「中階手機 + 一般行動網路」當成基準環境：PageSpeed Insights 只看行動裝置分頁、實機用自己的手機開過一遍、特別留意首屏（不用捲動就看到的範圍）有沒有又快又穩地呈現。把佔多數的手機顧客體驗顧好，速度優化的效益才會真正反映在營收上。

速度與營收：把改善換算成具體數字

優化前後一定要量化，才能說服自己持續投入。舉個實際試算：一間月訪客 5 萬、轉換率 2%、客單價 1,200 元的小店，月營收約 120 萬。若把手機版速度從 4 秒優化到 2 秒，依產業經驗轉換率常能提升一到兩成，假設拉到 2.3%，月營收就跳到 138 萬，等於每月多賺 18 萬，而你完全沒多花一塊廣告費。把這筆帳算給自己看，你會發現速度優化不是工程師的技術潔癖，而是投報率極高的成長槓桿。建議把優化前後的 LCP 秒數、轉換率、營收記錄下來對照，數字會告訴你這件事絕對值得做。

常見問題解答