SEM.tw
數據分析 · · 10 分鐘閱讀 · 2 次閱讀

網站載入速度與廣告成效:每慢一秒你虧多少錢

深入分析網站載入速度如何直接影響廣告投放的 ROI,從跳出率、品質分數到轉換率,用實際數據告訴你每慢一秒到底損失多少錢。

花了大錢投廣告,結果客戶等不到頁面載完就走了

你可能遇過這種狀況:Google Ads 的點擊率很漂亮,每天都有幾百個人點進來,但轉換率低得離譜。仔細看了廣告文案、受眾設定、出價策略,全部都沒什麼問題。然後你打開自己的網站,用手機慢慢數——一秒、兩秒、三秒、四秒——頁面終於跑出來了。

問題就在這裡。

根據 Google 公布的研究數據,行動裝置的網頁載入時間從 1 秒增加到 3 秒,跳出機率上升 32%。從 1 秒到 5 秒,跳出機率飆到 90%。也就是說,如果你的網站要 5 秒才能載完,有將近九成的人連內容都沒看到就離開了。

你付了那筆點擊費用。使用者點了你的廣告。然後他等不到頁面載完,按了上一頁。你什麼都沒得到,錢卻已經花掉了。

這不是什麼邊際效應。對很多企業來說,網站速度慢個兩秒,一年可能就浪費了幾十萬的廣告費。

網站載入速度與跳出率的關係:每增加一秒流失多少訪客

速度怎麼影響 Google Ads 的品質分數

很多人不知道,網站載入速度不只影響使用者體驗,它還會直接影響你的 Google Ads 成本。

Google Ads 的廣告排名公式是:廣告排名 = 出價 × 品質分數。品質分數裡面有三個要素:預期點擊率、廣告關聯性、到達網頁體驗。其中「到達網頁體驗」這個指標,就包含了網站的載入速度。

如果你的到達網頁體驗被 Google 評為「低於平均」,你的品質分數會被拉低。品質分數低代表你要花更多錢才能拿到同樣的廣告位置。同一個關鍵字,品質分數 8 分跟品質分數 5 分,每次點擊的費用差距可以到 50% 以上。

換句話說,你的網站很慢,Google 不但會讓你的廣告排名掉下去,還會讓你付更多錢。

這是一個惡性循環:網站慢 → 到達網頁體驗差 → 品質分數低 → CPC 上升 → 同樣的預算能買到的點擊變少 → 轉換也變少。

你可以在 Google Ads 後台看到每個關鍵字的到達網頁體驗評級。如果大量關鍵字都顯示「低於平均」,優先處理速度問題,效果會比調整出價策略明顯得多。

一秒值多少錢:用數據算給你看

我們來做一個簡單的計算。

假設你每個月投 Google Ads 預算 10 萬元,平均 CPC 是 15 元,所以每月大約有 6,667 次點擊。你的網站目前載入時間是 4.5 秒,轉換率 1.2%。

根據 Portent 在 2023 年的研究,網站載入時間在 1 秒時的轉換率,大約是載入 5 秒時的 2.5 倍。保守估計,如果你把載入時間從 4.5 秒降到 2 秒,轉換率大概可以從 1.2% 提升到 2% 左右。

算一下:原本每月 6,667 次點擊 × 1.2% = 80 筆轉換。優化後 6,667 × 2% = 133 筆轉換。多了 53 筆。如果每筆轉換的平均訂單金額是 2,000 元,你每個月就多了 106,000 元的營收。

而且,這還沒算品質分數提升帶來的 CPC 下降。如果品質分數從「低於平均」拉到「高於平均」,CPC 下降 20%,你同樣的預算能買到更多點擊,轉換又會再增加。

台灣某間健康食品電商做過類似的優化。他們把首頁載入時間從 5.2 秒降到 1.8 秒,做了圖片壓縮、啟用 CDN、移除了三個沒必要的第三方腳本。優化後的下一個月,Google Ads 的轉換率從 0.9% 提升到 2.1%,品質分數平均提高了 1.5 分,CPC 下降了 18%。以他們每月 15 萬的廣告預算來算,等於每個月多產出了將近 20 萬的營收,而整個網站速度優化只花了大約 3 萬元。

這大概是所有行銷優化項目裡面,投報率最高的一項。

網站速度優化前後的廣告成效對比:CPC、轉換率、ROI 的變化

不只 Google Ads,Facebook 廣告也一樣受影響

速度問題不只存在於搜尋廣告。Facebook 廣告同樣會因為網站速度慢而損失轉換。

Meta 的廣告系統有一個叫做「到達頁面瀏覽」(Landing Page Views)的指標,它跟「連結點擊」不一樣。連結點擊是使用者點了廣告的連結,到達頁面瀏覽是使用者點了之後、頁面真的載入完成了。兩者的差距就是「點了但沒等到頁面載完就走掉的人」。

如果你的連結點擊是 1,000 次但到達頁面瀏覽只有 650 次,代表有 35% 的人在等待頁面載入的過程中離開了。你付了 1,000 次的點擊費用,但只有 650 個人真正看到了你的頁面。

Facebook 的廣告投放系統也會學習:如果使用者經常在你的頁面載入前就離開,系統會判斷你的到達頁面體驗不好,進而降低你的廣告投放效率。你的 CPM 會上升,觸及人數會減少。

更直接的問題是,Meta 在 2024 年之後加強了對廣告到達頁面品質的評估。如果你的頁面載入速度太慢,Meta 可能會限制你的廣告曝光量或提高競價成本。

怎麼知道你的網站到底有多慢

很多人對自己網站的速度有一個嚴重的認知偏差——因為你用的是辦公室的高速網路、電腦也不差,所以感覺自己的網站「還好啊,很快啊」。但你的客戶可能在捷運上用 4G 開手機,或者用一台三年前的 Android 手機。

測速度要用工具,不能用感覺。以下幾個工具是必用的:

Google PageSpeed Insights 是最基本的。它會告訴你桌面版和手機版的分數,以及 Core Web Vitals 的三個核心指標:LCP(最大內容繪製)、INP(與下一個繪製的互動)、CLS(累積版面配置位移)。

LCP 最理想是在 2.5 秒以內。超過 4 秒就是「差」。台灣很多中小企業的網站,LCP 都在 4 到 8 秒之間,特別是用 WordPress 裝了一堆外掛的網站。

GTmetrix 可以選不同的測試地點和裝置,看到更細的瀑布圖分析,知道到底是哪個資源花了最多時間。

Google Search Console 的 Core Web Vitals 報告可以看到真實用戶的數據,不是實驗室模擬的,而是真的有人來逛你的網站的速度表現。這個數據更準確,因為它反映了你客戶實際使用的裝置和網路條件。

建議你現在就打開 PageSpeed Insights,把自己網站的廣告到達頁面 URL 貼進去測一下。如果手機版分數低於 60,你有很大的優化空間。

常見的速度殺手:你的網站可能踩了哪些雷

知道了速度很重要之後,接下來要知道到底是什麼在拖慢你的網站。

圖片沒有壓縮。這是最常見的問題。設計師交出來的圖片可能一張就 2MB,首頁放了 10 張圖就 20MB。使用者的手機要下載 20MB 才能看到完整頁面,當然慢。解法是壓縮圖片、使用 WebP 格式、做延遲載入(Lazy Loading)。

第三方腳本太多。Google Analytics、Facebook Pixel、LINE Tag、再行銷標籤、即時客服聊天視窗、SEO 外掛的追蹤碼、熱力圖工具……每加一個腳本,頁面就慢一點。很多腳本其實你根本沒在用或者可以延遲載入,但它們一直靜靜地拖慢你的網站。

伺服器回應時間太長。如果你用的是便宜的共享主機,伺服器可能要花 2 到 3 秒才能回應第一個 HTTP 請求。頁面還沒開始下載任何東西,光是等伺服器回應就已經花了大部分時間。升級到 VPS 或使用 CDN 可以大幅改善這個問題。

沒有使用快取。每次使用者來你的網站,瀏覽器都重新下載所有資源,包括那些根本沒有變動的 CSS、JS 和圖片。設定好瀏覽器快取,回訪的使用者體驗會好很多。

CSS 和 JavaScript 沒有最小化和合併。開發階段留下的空白、註解、沒用到的程式碼,全部都在增加檔案大小。工具可以自動幫你處理,但很多網站從來沒有做過這件事。

網站速度優化的優先順序:從影響最大到最小的檢查清單

網站速度優化的投報率計算

如果你要說服老闆投資網站速度優化,你需要一個具體的數字。以下是一個簡單的投報率計算框架。

Step 1:算出現在因為速度流失了多少錢

打開 GA4,看看你的廣告流量的跳出率。再看 Facebook 廣告後台,算「連結點擊」和「到達頁面瀏覽」的差距。這些流失的訪客乘以你的平均 CPC,就是你因為速度問題白花的廣告費。

Step 2:估算優化後的改善幅度

業界的基準值是:載入時間每減少 1 秒,轉換率平均提升 7%(Deloitte 2020 年的研究)。如果你能從 5 秒降到 2 秒,保守估計轉換率可以提升 15% 到 25%。

Step 3:計算投報率

優化後增加的營收減掉優化成本,除以優化成本。大部分情況下,網站速度優化的 ROI 在 300% 到 1,000% 之間。

舉例:如果你每月廣告預算 20 萬、現在的轉換率 1.5%、每筆轉換價值 3,000 元。優化速度之後轉換率提升到 2%,每月多出大約 45 筆轉換,多出 135,000 元營收。一年多出 162 萬。網站速度優化的成本通常在 3 萬到 15 萬之間,投報率顯而易見。

速度和設計不是二選一

最後要澄清一個常見的誤解:「做速度優化是不是就要犧牲網站的設計品質?」

不是。

好的網頁設計和快的載入速度完全可以並存。問題不在於你的網站是否有漂亮的視覺效果,而在於這些視覺效果的實作方式有沒有做好。

同樣一張 Hero Banner,用 PNG 可能 3MB、用經過壓縮的 WebP 可能 200KB,視覺效果幾乎看不出差別。同樣的動態效果,用原生 CSS 動畫跟載入一整個 JavaScript 動畫函式庫,效能差距巨大。

如果你的網站需要專業的網站架設與技術支援,一開始就把速度納入設計考量,比事後修補來得有效率多了。好的技術團隊在設計階段就會考慮到載入效能,不會讓你在「好看」和「快速」之間做痛苦的取捨。

記住:你的廣告把客戶帶到了門口,接下來就是網站的工作了。門打開的速度,決定了客戶願不願意走進來。