發布日期:2021 年 3 月 17 日
Vodafone 專門針對網站體驗核心指標進行 A/B 測試,結果發現 LCP 提升 31% 後,銷售額增加了 8%,待開發客戶造訪率提升 15%,購物車造訪率則提升 11%。
Vodafone 是歐洲和非洲的主要電信集團,在 21 個國家/地區經營固網和行動網路,並與另外 48 個國家/地區的行動網路合作。Vodafone 對到達網頁進行 A/B 測試 (版本 A 經過 Web Vitals 最佳化,且實際 LCP 分數比版本 B 高出 31%) 後,發現針對 Web Vitals 進行最佳化可提高 8% 的銷售量。
31%
LCP 提升 31% 後,…
+8%
總銷售額成長率
+15%
帶動親臨門市率的升幅
+11%
購物車到訪率升幅
突顯商機
Vodafone 知道網站速度越快,業務指標通常就會越好,因此有意將改善網頁核心指標分數做為提高銷售量的策略,但他們需要確切瞭解可獲得的投資報酬率。
他們採用的方法
A/B 測試
A/B 測試的流量來自各種付費媒體管道,包括多媒體廣告、iOS/Android、搜尋和社群媒體。50% 的流量導向最佳化到達網頁 (A 版),50% 的流量導向基準網頁 (B 版)。A 版和 B 版每天都獲得約 10 萬次點擊和 3.4 萬次造訪。如前所述,版本 A 和版本 B 的唯一差異在於,版本 A 已針對網頁指標進行最佳化。除了上述差異,這兩個版本在功能或外觀上並無不同。Vodafone 使用 PerformanceObserver API 評估實際使用者工作階段的 LCP,並將欄位資料傳送給數據分析服務供應商。

最佳化
Vodafone 在最佳化頁面 (版本 A) 中進行了下列變更:
- 將小工具的轉譯邏輯從用戶端移至伺服器端,減少會阻礙轉譯的 JavaScript
- 伺服器端算繪重要 HTML
- 最佳化圖片,包括調整主打圖片大小、最佳化 SVG 圖片、使用媒體查詢避免載入可視區域中尚未顯示的圖片,以及最佳化 PNG 圖片
整體業務成果
Vodafone 針對網站體驗核心指標最佳化 A 版本,並與未經最佳化的 B 版本比較後,發現 A 版本帶來以下成效:
- 銷售量增加 8%
- 待開發客戶造訪率提升 15% (成為待開發客戶的使用者人數與訪客人數總和的比較結果)
- 購物車造訪率提升 11% (造訪購物車的使用者人數與訪客人數總和的比例)
下表顯示 Vodafone 在 A 版 (「最佳化網頁」) 和 B 版 (「預設網頁」) 觀察到的 DOMContentLoaded (「DCL」) 和 LCP 值。請注意,DCL 實際上增加了 15%。與業務指標相關的絕對值已遭遮蓋。

Vodafone 會測試新的解決方案、評估成效、保留有效做法,並檢討無效做法,從錯誤中學習。我們稱之為「實驗,快速學習」。與 Google 合作並導入 LCP 做為網頁效能的主要 KPI 後,我們大幅提升了電子商務的顧客體驗。
Davide Grossi,數位行銷業務主管