你的網站，每秒都在流失潛在客戶

Amazon 曾經做過一個著名的測試：每延遲 100 毫秒，銷售額就下降 1%。

100 毫秒是什麼概念？眨眼一次約需要 150-400 毫秒。

對於 SaaS 電商巨頭這個結論可能過於精確，但對台灣的中小品牌官網，這個邏輯是相同的：你的潛在客戶在等待網頁載入時，是真實地在決定是否離開。

Google 的數據指出：如果行動版網頁的載入時間超過 3 秒，超過 53% 的訪客會放棄等待離開。

網站速度影響三件事

1. 用戶體驗和實際轉換

等待是讓人焦慮的。特別是行動裝置的用戶，在行進中、在等車——他們沒有耐心等你的網站。

頁面越快，跳出率越低，聯絡、預約、購買的轉換越高。

2. SEO 排名

Google 在 2021 年正式把「Core Web Vitals」（核心網頁指標）納入排名演算法。這三個指標全部與速度和使用體驗相關：

  • LCP（最大內容繪製）：主視覺圖片或文字出現的時間，要在 2.5 秒內
  • FID / INP（互動延遲）：使用者點擊後的回應速度
  • CLS（累積版面配置位移）：頁面元素是否在載入中亂跳動

這三項都達到「良好」標準，Google 會給予排名加分；反之，速度差的網站會在同等內容品質下落後競爭對手。

3. 廣告成效

如果你有跑 Google Ads 或 Meta 廣告，著陸頁的速度直接影響廣告品質分數（Quality Score），進而影響每次點擊的費用（CPC）。

同樣的廣告預算，速度快的著陸頁能帶來更低的 CPC 和更高的轉換率。

怎麼知道自己的網站有多慢？

Google PageSpeed Insights（免費）

前往 pagespeed.web.dev，輸入你的網址，即可獲得：

  • 行動版和桌機版的分數（0-100）
  • 具體哪些問題導致速度慢
  • 改善建議

一般目標：行動版 70+ 分，桌機版 90+ 分

Google Search Console（免費）

如果你的網站已提交 Search Console，可以在「體驗 → Core Web Vitals」看到 Google 實際追蹤的速度數據。

最常見的網站速度問題

1. 圖片沒有壓縮（最常見、最好修）

未壓縮的相機照片通常 3-10MB，載入等於在手機上下載一個小 App。

解決方案：

  • 上傳前用 Squoosh.app 或 TinyPNG 壓縮
  • 使用 WebP 格式（比 JPEG 小 25-35%）
  • 確保圖片尺寸不超過顯示尺寸的 2 倍

2. 沒有使用 CDN（內容傳遞網路）

如果你的網站伺服器在美國，台灣的訪客每次請求都要跨太平洋往返——這會增加 300-500ms 的延遲。

解決方案：選擇有 CDN 的托管方案，或使用 Cloudflare 的免費 CDN。

好的托管平台（Vercel、Railway）通常內建全球 CDN，台灣訪客的延遲很低。

3. 載入太多第三方 script

每嵌入一個第三方工具（Google Analytics、Facebook Pixel、聊天機器人、廣告追蹤碼、熱圖工具），都會增加額外的 HTTP 請求和 JavaScript 執行時間。

審視你的網站，刪除不再使用的 script：

  • 沒在看數據的 Analytics？刪掉
  • 重複的 Facebook Pixel 安裝碼？清除
  • 2 年前試用的聊天機器人？移除

4. 沒有使用字型優化

Google Fonts 如果沒有設置正確的 font-display: swap，會造成「看不見的文字閃爍（FOIT）」，延遲頁面渲染。

5. JavaScript 沒有延遲載入

頁面一開始載入，就把所有 JS 一次全下載，即使有些 JS 只有在用戶滾動到頁面下方才用到。

解決方案：代碼分割（Code Splitting）+ 懶載入（Lazy Loading）——這是前端工程師要處理的工作。

如果你用 WordPress / 現成建站工具

如果你的網站是 WordPress 或 Wix、Squarespace 類的建站工具，速度優化的選項相對有限，但可以做：

WordPress：

  • 安裝 WP Rocket 或 LiteSpeed Cache 加速外掛
  • 安裝 Imagify 或 WebP Express 自動轉換圖片格式
  • 選擇輕量的主題（避免功能複雜的頁面建構器如 Elementor 的過重 CSS/JS）

Wix / Squarespace：

受限於平台，速度優化空間較少，主要做圖片壓縮和減少多媒體元素。

如果你用 Next.js / 自建網站

Next.js 這類現代框架有很多內建的速度優化，但開發者也要注意：

  • 使用 next/image 做自動圖片優化
  • 避免在首屏不必要的 'use client'（client 元件會增加 JS 包大小）
  • 動態載入非首屏元件（dynamic import with ssr: false）

結語：速度是你最便宜的轉換優化

大部分的轉換率優化（CRO）工作複雜、昂貴：A/B 測試、改文案、調整 CTA 位置……

但速度優化，特別是圖片壓縮，是你今天就能做、不需要花錢、效果立竿見影的事。

先去 pagespeed.web.dev 跑一下你的網站，從分數最低的問題開始修。