發布日期：2021 年 3 月 17 日
Vodafone 執行了專注於改善網站體驗核心指標的 A/B 測試，發現 LCP 提升 31% 後，銷售額增加了 8%，待開發客戶到訪率提升 15%，購物車到訪率提升 11%。
Vodafone 是歐洲和非洲的主要電信集團，在 21 個國家/地區經營固定和行動網路，並與其他 48 個國家/地區的行動網路業者合作。Vodafone 在到達網頁上執行 A/B 版本測試 (其中版本 A 針對 Core Web Vitals 進行最佳化，且在欄位中 LCP 分數比版本 B 高出 31%)，並判定針對 Core Web Vitals 進行最佳化可增加 8% 的銷售量。
31%
LCP 提升 31% 後，導致…
+8%
總銷售額成長率
+15%
待開發客戶到訪率提升
+11%
購物車到訪比率提升
突顯商機
Vodafone 瞭解網站速度越快，業務指標通常也會有所提升，因此有意採用 Web Vitals 分數做為提高銷售業績的潛在策略，但他們需要確切判斷能獲得哪種投資報酬率。
他們採用的方法
A/B 測試
A/B 版本測試的流量來自不同的付費媒體管道，包括多媒體、iOS/Android、搜尋和社群媒體。50% 的流量會傳送至經過最佳化的到達網頁 (版本 A)，而 50% 的流量會傳送至基準網頁 (版本 B)。版本 A 和版本 B 每天都獲得約 10 萬次點擊和 34 萬次造訪。如前所述，版本 A 和版本 B 唯一的差異在於版本 A 是針對 Web Vitals 進行最佳化。除了這個差異之外，兩個版本在功能或視覺上並無差異。Vodafone 使用 PerformanceObserver API 評估實際使用者工作階段的 LCP，並將欄位資料傳送給數據分析供應商。
最佳化
Vodafone 在經過最佳化的頁面 (版本 A) 中進行了以下變更：
- 將小工具的算繪邏輯從用戶端移至伺服器端，進而減少算繪阻斷 JavaScript
- 伺服器端算繪的必要 HTML
- 最佳化圖片，包括調整主圖片大小、最佳化 SVG 圖片、使用媒體查詢避免載入未顯示在可視區域的圖片，以及最佳化 PNG 圖片
整體業務成果
在為版本 A 進行網站體驗最佳化，並與未經最佳化的版本 B 進行比較後，Vodafone 發現版本 A 可帶來以下效果：
- 銷售量增加 8%
- 待開發客戶到訪率 (即成為待開發客戶的使用者人數與訪客總數的比率) 提升 15%
- 購物車造訪率 (即造訪購物車的使用者人數與造訪者總數的比率) 提升 11%
下表列出 Vodafone 在版本 A (「已最佳化的網頁」) 和版本 B (「預設網頁」) 中觀察到的 DOMContentLoaded (「DCL」) 和 LCP 值。請注意，實際上 DCL 增加了 15%。與業務指標相關的絕對值已被遮蓋。
Vodafone 會測試新解決方案、評估成效、保留有效的做法，並針對無效的做法提出質疑，從錯誤中學習。我們稱之為「實驗，快速學習」。我們與 Google 合作，並將 LCP 列為網頁成效的主要 KPI，因此大幅改善了我們的電子商務客戶體驗。
數位行銷總監 Davide Grossi
如要瞭解更多成功案例，請參閱「擴大網站規模的個案研究」頁面。