Vodafone 專為最佳化網站體驗指標進行 A/B 測試後,發現 LCP 提升了 31% 的銷售量、造訪率提高 15%,購物車的造訪率則提高 11%。
Vodafone 是歐洲和非洲首屈一指的電信公司,在 21 個國家/地區營運固定和行動網路,且未來 48 個國家/地區與行動網路合作。Vodafone 發現,在到達網頁上進行 A/B 版本測試 (其中 A 版本已針對網站體驗指標進行最佳化,且 LCP 分數比版本 B 的欄位高出 31%) 後,Vodafone 判斷針對網站體驗指標進行最佳化後,即可多獲得 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 進行比較後,Vodafone 發現版本 A 能帶來以下成效:
- 銷售量增加 8%
- 待開發客戶造訪率提高 15% (成為待開發客戶的使用者人數與訪客總數的比較)
- 購物車的造訪率提高 11% (分別造訪購物車的使用者人數與訪客總數)
下表列出 Vodafone 在版本 A (「最佳化網頁」) 和版本 B (「預設頁面」) 上觀察到的 DOMContentLoaded
(「DCL」) 和 LCP 值。請注意,DCL 實際上增加了 15%。與業務指標相關的絕對值已遭到遮蓋。
在 Vodafone 中,我們測試了新的解決方案、評估結果、找出成效良好的部分和成效不佳的問題,並從錯誤中學習。我們稱之為「實驗、快速學習」。多虧與 Google 的合作,以 LCP 做為網頁效能的主要 KPI,我們得以大幅改善電子商務的客戶體驗。
業務部門數位行銷主管 Davide Grossi
如需更多成功案例,請參閱「擴大網路規模個案研究」頁面。