通过运行专门侧重于优化网页指标的 A/B 测试,Vodafone 发现 LCP 提升 31% 后,销售额增加了 8%,潜在客户浏览率提高了 15%,访问率提高了 11%。
Vodafone 是欧洲和非洲领先的电信公司,在 21 个国家/地区运营固定和移动网络,并在另外 48 个国家/地区与移动网络合作。通过对着陆页(版本 A 针对网页指标进行了优化,其实际应用的 LCP 得分比版本 B 高 31%)运行 A/B 测试,Vodafone 确定针对网页指标进行优化后,销量提高了 8%。
31%
LCP 提升 31% 后...
+8%
总销售额增幅
+15%
潜在客户访问率提升幅度
+11%
购物车访问次数提升幅度
突出显示机会
Vodafone 知道,运行速度的提升通常意味着业务指标的改善,他们有意通过优化网页指标得分作为提高销售额的潜在策略,但他们需要确切地确定能够获得怎样的投资回报率。
![Vodafone 网站的两个屏幕截图。](https://web.developers.google.cn/static/case-studies/vodafone/image/two-screenshots-the-voda-cf6f5c699cd1f.png?authuser=5&hl=sv)
他们采用的方法
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 图片
整体业务成效
在针对网页指标优化版本 A 并将其与未经优化的版本 B 进行比较后,Vodafone 发现版本 A 带来了以下效果:
- 销售额增长 8%
- 潜在客户访问率(成为潜在客户的用户数与访问者总数)提高了 15%
- 购物车访问率提高了 11%(访问了购物车的用户数与访问者总数的对比)
![一张可重申业务成效的插图。](https://web.developers.google.cn/static/case-studies/vodafone/image/an-illustration-reiterat-d99bc1eace701.png?authuser=5&hl=sv)
下表显示了 Vodafone 在版本 A(“优化网页”)和版本 B(“默认网页”)上观察到的 DOMContentLoaded
(“DCL”)和 LCP 值。请注意,DCL 实际上增加了 15%。与业务指标相关的绝对值已隐去。
在 Vodafone,我们负责测试新的解决方案、衡量效果、保留行之有效的方法、对徒劳的质疑、从错误中汲取经验。我们称之为“实验,快速学习”。得益于与 Google 的合作以及将 LCP 作为网页性能的主要 KPI 的引入,我们得以显著改善电子商务的客户体验。
Davide Grossi,业务数字营销主管
如需了解更多成功案例,请参阅在 Web 上扩展案例研究页面。