網站速度優化不是把 PageSpeed 分數追到 100，而是讓使用者更快看到內容、更順地互動、版面不要亂跳。對內容站和 AdSense 站來說，速度也直接影響閱讀體驗和廣告版位穩定度。

資料基準：2026-05-19。這篇用網站經營者能執行的方式整理，不假設你有完整工程團隊。

本文目錄 8 節
  1. 先做最有效的 6 件事
  2. 先測再修
  3. 圖片優化
  4. 主機與快取
  5. JavaScript 控制
  6. AdSense 與 CLS
  7. 建議優化流程
  8. 常見問題

先做最有效的 6 件事

  1. 壓縮首頁和文章主圖。
  2. 圖片補 width / height 或 aspect-ratio。
  3. 刪掉不必要的第三方 script。
  4. 開啟主機或 CDN 快取。
  5. CSS / JS 只載入當頁需要的資源。
  6. 廣告區塊預留高度，避免 CLS。

先測再修

不要憑感覺優化。先用 PageSpeed Insights 測首頁、重要文章、分類頁、工具頁。記下 LCP、INP、CLS，並確認問題是圖片、主機、JavaScript 還是版面位移。

如果你想先理解三個指標，搭配 Core Web Vitals 教學 會更完整。

圖片優化

圖片通常是內容站最大的速度瓶頸。做法很直接：尺寸不要超過實際顯示需求、轉成 WebP 或 AVIF、非首屏圖片 lazy load、首屏主圖不要 lazy load。

  • 文章插圖：控制寬度，不上傳原始大圖。
  • Logo：用正確尺寸，避免大圖縮小。
  • OG image：保留社群分享尺寸，但不要在頁面中當主圖載入。

同主題推薦 2026 WordPress 必裝外掛推薦 主機與快取

如果 TTFB 太高，前端優化會遇到天花板。共享主機也能做基本快取，但若同一台主機反應長期慢，就該評估升級方案或加 CDN。

主機選擇可先看 虛擬主機比較，HTTPS 設定則搭配 SSL 憑證教學。

JavaScript 控制

很多網站變慢不是因為自己寫了很多程式，而是裝了太多第三方：聊天外掛、彈窗、追蹤、熱圖、社群嵌入。每個 script 都會吃載入和互動時間。

建議每季做一次 script inventory：留下必要分析工具，移除沒有明確用途的追蹤碼。

AdSense 與 CLS

如果準備啟用 AdSense，一定要預留廣告空間。廣告載入後才把內容往下推，CLS 會很難看，也會讓讀者誤點。

廣告區塊可用固定最小高度，並避免在首屏插太多廣告。先顧閱讀體驗，再談廣告密度。

建議優化流程

  1. 測首頁與 5 篇主要文章。
  2. 整理每頁最大問題來源。
  3. 先修模板層級問題，例如圖片尺寸、快取、廣告預留空間。
  4. 再修單頁圖片或嵌入內容。
  5. 部署後清快取，重測。
  6. 一週後看 Search Console 的 Core Web Vitals 群組是否改善。

常見問題

PageSpeed 一定要 100 分嗎？

不需要。重點是實際使用者能快速閱讀和互動。分數是診斷工具，不是唯一目標。

裝快取外掛就能解決速度嗎？

只能解決一部分。圖片、主機、JavaScript、廣告位移仍然要處理。

速度優化多久做一次？

每次新增廣告、改版、換主題、加入第三方工具後都要測。一般內容站至少每季檢查一次。