網站速度的四個真實瓶頸：不是每個網站都該壓縮圖片
網站速度慢的時候，最常聽到的建議是壓縮圖片。這個建議在某些情況下有效，但如果瓶頸根本不在圖片，壓縮到極致也只能省下不到一秒。
速度優化跟醫療診斷一樣：先確認問題在哪，再決定治療方式。這篇說明四個真實的瓶頸類型、各自的判斷方式與處理順序。
一、瓶頸一：伺服器回應時間
這是最上游也最容易被忽略的一個。從瀏覽器發出請求到收到第一個位元組的時間，如果超過六百毫秒，後面所有的優化都是在補救。
- 判斷方式：檢視效能報告中的第一位元組時間指標
- 常見成因：主機資源不足、資料庫查詢沒有索引、外掛過多、沒有任何快取
- 處理順序：先加上頁面快取，這通常一天內就能完成且效果最大
- 進階處理：資料庫最佳化、升級主機方案、使用內容傳遞網路
頁面快取的效果經常令人驚訝。一個原本第一位元組時間一點二秒的網站，加上快取之後可能降到兩百毫秒以下，整體載入時間立刻縮短一秒。
二、瓶頸二：渲染阻塞資源
指的是必須先下載並執行完才能開始顯示畫面的資源，主要是位於頁面頂端的樣式表與腳本。
判斷方式是看效能報告中的消除渲染阻塞資源建議，或觀察畫面從空白到出現內容之間的延遲。
- 把非必要的腳本移到頁面底部，或加上延後執行的屬性
- 把首屏必要的樣式內嵌在頁面中，其餘樣式延後載入
- 移除完全沒有使用的樣式與腳本，多數網站有兩到四成是無用的
- 字型檔案設定顯示替換策略，避免文字在字型載入前完全不顯示
第四項的效果在中文網站特別明顯，因為中文字型檔案通常很大。設定不當時，使用者會在幾秒鐘內看到一片空白，即使文字內容早就下載完成。
三、瓶頸三：第三方腳本
分析工具、聊天視窗、廣告追蹤、社群外掛、字型服務。這些單獨看每個都不大，加起來卻經常佔掉總載入時間的一半以上。
判斷方式是在效能工具中依網域分類請求，看非自有網域的請求佔了多少數量與多少時間。
- 盤點所有第三方腳本，逐一確認還在使用、由誰負責、可否移除
- 同類工具只留一個，例如不需要同時裝兩套分析工具
- 非必要的腳本延後載入，例如聊天視窗可以等使用者互動後才載入
- 用標籤管理工具集中管理，避免腳本散落在各個頁面模板中
實務上盤點的結果經常令人吃驚：某個三年前活動用的追蹤碼還在、某個已經停用的工具仍在每頁載入、同一個功能裝了兩套不同的服務。單是移除這些，就能省下可觀的時間。
四、瓶頸四：版面位移
嚴格說這不是速度問題，而是穩定性問題，但使用者的感受是一樣的：頁面看起來載入很久，因為內容一直在跳動。
主要成因有四種：圖片沒有指定尺寸、廣告或嵌入內容的空間沒有預留、字型切換造成的文字重排、以及在頁面上方動態插入的元素。
- 所有圖片與影片都指定寬高或長寬比，讓瀏覽器預留空間
- 廣告與嵌入區塊設定最小高度，即使內容還沒載入也不會塌陷
- 字型使用替換策略並選擇度量接近的備用字型，減少切換時的位移
- 避免在既有內容上方插入通知條或橫幅，要插入就預留固定空間
第一項是投報率最高的單一動作。多數網站的版面位移有超過一半來自沒有指定尺寸的圖片，而修正方式只是在標籤上補兩個屬性。
五、判斷順序
四個瓶頸的檢查順序應該是由上游往下游：伺服器回應、渲染阻塞、第三方腳本、版面位移。
原因是上游的問題會放大下游的影響。當伺服器回應要一秒時，即使把圖片壓到最小，使用者仍然要等；反之如果伺服器很快，圖片稍大一點的影響有限。
六、圖片什麼時候才是主要瓶頸
圖片確實可能是主要瓶頸，但有明確的判斷條件：頁面總傳輸量超過三兆位元組、其中圖片佔七成以上、且伺服器回應時間正常。
符合這三個條件時，壓縮與格式轉換的效果會非常顯著。不符合時，先處理前面三個瓶頸的投報率更高。
- 依實際顯示尺寸輸出，這比壓縮品質更有效
- 使用現代格式，同樣視覺品質下檔案可小三到五成
- 首屏以外延遲載入，首屏內不要延遲
- 移除純裝飾且沒有實際作用的大圖
七、優化之後怎麼確認有效
不要只看單次測試的分數，那個數字會因為測試地點、網路狀況與快取狀態而大幅波動。
- 用真實使用者資料而不是實驗室測試，前者反映實際體驗
- 看四分位數而不是平均，例如較慢的那四分之一使用者體驗如何
- 分開看行動與桌機，兩者的瓶頸經常不同
- 每次只改一類問題，改完觀察一週再改下一類
第二項特別重要。平均值會被大量快速的回訪使用者拉低，掩蓋了第一次造訪者的真實體驗——而第一次造訪者正是最需要留住的那一群。
速度優化最大的浪費不是做錯方法，而是把有限的工程資源花在影響最小的地方。先花兩小時找出真正的瓶頸，通常比直接花兩天做優化更有價值。
八、速度與商業結果的實際關係
速度優化最常見的推銷說法是快一秒可以提升多少轉換率。這類數字來自特定產業的特定研究，直接套用到自己身上通常不準。
比較務實的理解方式是：速度是一個門檻變數而不是線性變數。在某個範圍內，改善速度帶來的效益很明顯；超過那個範圍之後，繼續優化的邊際效益快速遞減。
以實務觀察，行動裝置上的載入時間從五秒降到三秒，跳出率的改善通常很明顯；從三秒降到兩秒，改善幅度縮小；從兩秒降到一點五秒，多數情況下已經察覺不到商業指標的變化。
這代表兩件事。第一，如果你的網站目前很慢，優化的優先度應該很高。第二，如果已經在合理範圍內，把工程資源投入內容或功能，回報通常高於繼續追求分數。
九、常見的三個過度優化
- 為了追求滿分而移除必要功能，例如拿掉分析追蹤或客服視窗，省下的時間換來的是失去資料與服務
- 把所有腳本延後載入，導致互動功能在使用者點擊時還沒準備好，體驗反而更差
- 過度壓縮圖片造成視覺品質明顯下降，在電商與設計類網站上這會直接影響購買意願
- 為了減少請求數而把所有資源合併成一個巨大檔案，反而拖慢首次載入
速度分數是手段不是目的。當優化開始傷害使用者實際能做的事情時，就該停下來重新評估。
十、一份四週的優化計畫
- 第一週：量測現況，記錄行動與桌機的第一位元組時間、最大內容繪製時間、版面位移分數與總傳輸量
- 第二週：處理伺服器回應，加上頁面快取並確認生效，重新量測
- 第三週：盤點並清理第三方腳本，移除不再使用的，延後非必要的，重新量測
- 第四週：處理渲染阻塞與版面位移，補上圖片尺寸與字型策略，重新量測
- 第五週之後：若總傳輸量仍偏高且圖片佔比大，才進行圖片格式與尺寸的全面調整
每一週結束都重新量測並記錄，這份紀錄會告訴你哪一項改動帶來多少改善。累積下來，你會知道自己的網站對哪一類優化最敏感，下次遇到效能問題時可以直接從那裡開始。
網站速度這件事，技術細節看起來很多，但決策邏輯其實很簡單：找出最大的那個瓶頸、處理它、重新量測、再找下一個。照這個循環走，四週之內多數網站都能有明顯改善，而且不需要重寫任何程式。
延伸閱讀
- 核心指標修正。效能優化的實作
- 圖片的搜尋價值。檔名與替代文字的做法
- 技術 SEO 稽核清單。站台健康度的檢查項目
關於作者與審稿
冠誠數位行銷（GuanCheng Martech）的顧問團隊撰寫這篇文章。團隊累積 295 個專案，服務 308 家客戶，操作範圍包含 SEO 自然排名、AEO 答案引擎、GEO 與 LLMO 佈局、Google 與 Meta 廣告投放、電商維運與數據歸因分析。
文章裡的數字來自冠誠數位行銷實際經手的客戶帳戶與後台報表，客戶名稱與可識別資訊都已經移除。內容由負責該領域的冠誠顧問審稿後發佈，最後更新日期為 2026 年 9 月 6 日。讀完有問題，可以到冠誠數位行銷官方網站的預約諮詢頁面留下聯絡方式，我們會用你提供的時段回電。