網站載入速度直接影響用戶體驗和 SEO 排名。頁面每多等一秒，就有一部分訪客在看到內容之前先關掉；手機與行動網路上尤其明顯。因此，優化網站速度是提升網站表現的關鍵。
重點摘要
- 網站速度同時影響使用者體驗、SEO 排名與轉換率，手機網路環境下差異更明顯。
- 優化從四個方向下手：圖片壓縮與格式、程式碼與 CDN、快取設定、主機等級。
- Google 的 Core Web Vitals 看三項指標：LCP 2.5 秒內、INP 200 毫秒以下、CLS 0.1 以下。
- 現在最常卡關的是 INP，原因多半是第三方腳本太多，而不是圖片太大。
為什麼網站速度如此重要？
- 用戶體驗：快速載入的網站提供更好的用戶體驗
- SEO 排名：Google 將網站速度作為排名因素
- 轉換率：更快的網站通常有更高的轉換率
- 行動裝置：行動網路環境下速度更為關鍵
圖片優化
1. 壓縮圖片
使用圖片壓縮工具減少檔案大小，同時保持視覺品質。可以使用工具如 TinyPNG、ImageOptim 等。
2. 使用適當的格式
使用現代圖片格式如 WebP，它提供更好的壓縮率。對於簡單圖示，考慮使用 SVG 格式。
3. 延遲載入（Lazy Loading）
實施圖片延遲載入，只在用戶滾動到圖片位置時才載入，減少初始載入時間。
程式碼優化
1. 壓縮 CSS 和 JavaScript
移除不必要的空白、註解，壓縮 CSS 和 JavaScript 檔案，減少檔案大小。
2. 合併檔案
將多個 CSS 或 JavaScript 檔案合併成單一檔案，減少 HTTP 請求次數。
3. 使用 CDN
使用內容傳遞網路（CDN）來加速靜態資源的載入，特別是對於全球用戶。
快取設定
設定適當的快取策略，讓瀏覽器可以快取靜態資源，減少重複載入的時間。
主機選擇
選擇效能良好的主機服務，考慮使用 SSD 硬碟、充足的記憶體和頻寬。對於高流量網站，考慮使用專屬伺服器或雲端服務。
用什麼工具測試網站速度？
- Google PageSpeed Insights：分析網站速度並提供優化建議
- GTmetrix：詳細的效能分析報告
- WebPageTest：多地點測試網站速度
持續監控
定期測試網站速度，監控關鍵指標，並根據數據持續優化。記住，網站速度優化是一個持續的過程，不是一次性的工作。
2026 更新：Core Web Vitals 現在看什麼
這篇文章講的都是「載入」，但 Google 衡量網站體驗的 Core Web Vitals 早已不只看載入。目前三項指標是：LCP（最大內容繪製，衡量主要內容多快出現，門檻 2.5 秒內）、CLS（累計版面位移，衡量畫面會不會跳動，門檻 0.1 以下），以及 2024 年 3 月起取代 FID 的 INP（互動到下一次繪製，門檻 200 毫秒以下）。INP 是最大的變化：它不只看第一次點擊，而是看整個瀏覽過程中每一次點按、輸入的反應速度，詳細定義可見 web.dev 的 INP 說明。
實務上這改變了優化的優先順序。過去把圖片壓一壓、開個快取，分數就會好看；現在很多網站卡在 INP，原因通常是第三方腳本太多：聊天視窗、追蹤碼、廣告 pixel、字型載入，每一個都在跟使用者的點擊搶主執行緒。我們現在檢查網站時，會先用 PageSpeed Insights 看「實際使用者資料」那一區，而不是只看實驗室分數，因為前者才是 Google 排名參考的依據。常見的有效做法包括：把非必要腳本延後到使用者互動之後才載入、避免在捲動或輸入事件裡做大量計算、預留圖片與廣告的尺寸避免版面跳動。另外提醒，Tailwind CDN 這類開發用的載入方式不適合正式站，上線前應改為編譯後的 CSS。想確認自己的網站三項指標是否合格，Search Console 的「網頁體驗」報表就能看到，不用另外買工具。
常見問題
PageSpeed Insights 分數要到幾分才算合格？
分數本身不是重點，不必追求滿分。真正要看的是報告上方「實際使用者資料」的 LCP、INP、CLS 三項是否都落在良好範圍。三項都過了，分數是七十幾還是九十幾差別不大。
網站變慢，最常見的原因是什麼？
我們檢查過的網站裡，最常見的是未壓縮的大圖和過多的第三方腳本。前者拖慢載入，後者拖慢點擊反應。其次才是主機等級不足與沒有設定快取。
換比較貴的主機，網站就會變快嗎？
只有在瓶頸是主機時才有用。如果慢的原因是圖片太大或腳本太多，換主機幾乎沒有感覺。先用 PageSpeed Insights 找出慢在哪一段，再決定錢要花在哪裡。