一家賣手工家具的品牌,每月投 NT$12 萬 Meta 廣告,GA4 卻顯示行動版著陸頁跳出率 71%。量測發現首頁主視覺是 4.2 MB 原圖,手機 LCP 6.8 秒,外加 9 支追蹤碼。很多人點了廣告,還沒看到商品就離開。速度優化的目的不是分數,而是讓付費流量看得到內容。
適用 × 不適用情境
| 適合做速度優化 | 先別做 |
|---|---|
| 有投廣告,行動版跳出率超過 60% | 網站月流量不到 1,000,先處理內容與曝光 |
| Search Console 標示多數網址「需要改善」或「不良」 | 網站半年內就要改版,直接在新版把關 |
| 首頁或商品頁 LCP 超過 4 秒 | 用 Wix、Shopify 等封閉平台,可調空間很小 |
| 外掛與追蹤碼多、點按鈕會卡 | 主機常當機,應先處理穩定性 |
替代方案矩陣
| 方案 | 成本 | 優點 | 代價 |
|---|---|---|---|
| 自己裝快取外掛 | NT$0–3,000/年 | 當天完成 | 常與其他外掛衝突,治標不治本 |
| 只加 CDN | Cloudflare 免費版起 | 靜態檔變快 | 4 MB 的圖透過 CDN 仍是 4 MB |
| 升級主機 | 每月多 NT$500–3,000 | TTFB 改善 | 瓶頸不在主機時等於白花 |
| 委外健檢+優化施工 | NT$30,000–120,000 | 依數據逐項修、有驗收 | 需 3–4 週與內部配合 |
原則:先拆 LCP 的四個組成(TTFB、載入延遲、載入時間、渲染延遲),卡哪段修哪段,別先換主機。
4 週優化流程
| 階段 | 時間 | 交付物 | 工具 |
|---|---|---|---|
| 量測基準 | 第 1 週 | 20 個高流量頁基準報告、瓶頸排序 | PageSpeed Insights、Search Console、WebPageTest |
| 快速修正 | 第 2 週 | 圖片轉 WebP/AVIF、LCP 圖加 fetchpriority、字型子集化 | Squoosh、Chrome DevTools |
| 快取與 CDN | 第 3 週 | 快取策略文件、快取規則 | Cloudflare、Redis |
| 第三方與互動 | 第 4 週 | 腳本預算、長任務拆分、驗收報告 | Google Tag Manager、Lighthouse |
驗收標準依 web.dev 的 Core Web Vitals 門檻:LCP ≤ 2.5 秒、INP ≤ 200 毫秒、CLS ≤ 0.1,以真實使用者第 75 百分位計算。
真實成本拆解
- 健檢報告:NT$8,000–15,000,約 8–12 小時量測與分析
- 優化施工:形象站或 WordPress NT$30,000–60,000;電商或客製系統 NT$60,000–120,000
- CDN:依 Cloudflare 官方方案,免費版可用,Pro 每月 US$20(年繳)、Business 每月 US$200(年繳)
- 隱藏費用:圖片重新輸出 4–10 小時、與行銷端協調追蹤碼、外掛更新後每季回歸測試 2–4 小時
- 維護:每月效能監控與回報 NT$2,000–5,000
實施真相 vs 客戶想像
| 客戶以為 | 實際發生 |
|---|---|
| 分數 100 分就會排到第一 | Google 文件把它列為頁面體驗的一環,內容仍是主體 |
| 改完明天就看得到成績 | 現場數據是 過去 28 天滾動平均,約 4 週才完整反映 |
| 工程師自己就能改完 | 最重的腳本常是行銷的追蹤碼,需跨部門決定 |
| 做一次就永久有效 | 新增一支外掛或一張大圖,三個月就退回原點 |
六大陷阱與解法
- 只看實驗室分數:以 Search Console 核心網頁指標報告的真實使用者數據驗收
- 主視覺延遲載入:首屏 LCP 圖不可 lazy-load,改加 fetchpriority="high"
- 圖片沒寫尺寸:所有圖片與廣告位預留寬高,避免 CLS 暴增
- 快取到購物車頁:排除含 Cookie 的個人化頁面並測結帳
- 追蹤碼只增不減:建立腳本預算,每新增一支必須註明負責人與下架日
- 只測桌機:以中階 Android 手機加 4G 量測
成功指標與 90 天路線圖
- 30 天:實驗室 LCP 降到 2.5 秒內、首頁傳輸量減少 50% 以上、結帳流程零錯誤
- 60 天:Search Console「良好」網址比例過半,行動版著陸頁跳出率下降 10 個百分點以上
- 90 天:三項指標第 75 百分位皆達標,比較廣告轉換率與每次轉換成本,設定每月效能回歸警示
決策清單
- ☐ 每月有投放付費廣告?
- ☐ 行動版跳出率超過 60%?
- ☐ 首頁 LCP 超過 4 秒?
- ☐ Search Console 有「不良」網址?
- ☐ 網站外掛超過 20 個?
- ☐ 追蹤碼超過 5 支?
- ☐ 首頁圖片有單張超過 500 KB?
- ☐ 手機點按鈕會延遲?
- ☐ 行銷部門願意一起檢討追蹤碼?
- ☐ 預算有 NT$30,000 以上?
勾滿 7 項就值得做;少於 4 項,先做免費的圖片壓縮與外掛清理。
常見問題 FAQ
PageSpeed 分數要做到 90 分以上嗎?
不必。重點是真實使用者第 75 百分位的三項指標是否達標,實驗室分數只是診斷工具。
優化後多久看得到效果?
實驗室數據當天就變;PageSpeed Insights 的現場數據是過去 28 天滾動平均,完整反映約需 4 週。
換主機就能解決嗎?
只有 TTFB 過高時有效;多數網站瓶頸在圖片、第三方腳本與字型。
WordPress 網站也能做嗎?
可以,通常靠清外掛、轉圖片格式、加快取與 CDN,不必重寫。
下一步
ScriptWalker 的網站效能健檢與優化服務自 NT$30,000 起(單獨健檢報告 NT$8,000 起),含基準量測、圖片與快取施工、Cloudflare 設定與 90 天數據追蹤。傳網址給我們,30 分鐘免費諮詢找出最拖速度的三件事。
- Email:[email protected]
- 電話:0916-224-047
- LINE:@ufv9089p