发布时间：2021 年 3 月 17 日
通过专门针对优化 Core Web Vitals 的 A/B 测试，Vodafone 发现，LCP 提升了 31%，销售额增加了 8%，潜在客户到访问率提高了 15%，购物车到访问率提高了 11%。
Vodafone 是欧洲和非洲领先的电信公司，在 21 个国家/地区运营固定网络和移动网络，并在另外 48 个国家/地区与移动网络合作。通过对着陆页运行 A/B 测试（其中版本 A 针对 Web Vitals 进行了优化，在实际环境中的 LCP 得分比版本 B 高出 31%），Vodafone 确定针对 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 针对 Web Vitals 进行了优化。除此之外，这两个版本在功能或视觉方面没有任何差异。Vodafone 使用 PerformanceObserver API 衡量真实用户会话的 LCP，并将字段数据发送给其分析服务提供商。
优化
Vodafone 对经过优化的页面（版本 A）进行了以下更改：
- 将微件的呈现逻辑从客户端移到了服务器端，从而减少了呈现阻塞 JavaScript
- 服务器端呈现的关键 HTML
- 优化后的图片，包括调整主打图片的大小、优化 SVG 图片、使用媒体查询避免加载视口中尚未显示的图片，以及优化 PNG 图片
整体业务成效
在针对 Web Vitals 优化版本 A 并将其与未优化的版本 B 进行比较后，Vodafone 发现版本 A 带来了以下改进：
- 销售额增加了 8%
- 潜在客户到访率（成为潜在客户的用户数与访问者总数的比率）提高了 15%
- 购物车访问率（访问过购物车的用户数与访问者总数的比率）提高了 11%
下表显示了 Vodafone 在版本 A（“优化后的网页”）和版本 B（“默认网页”）上观察到的 DOMContentLoaded（“DCL”）和 LCP 的值。请注意，DCL 实际上增加了 15%。与业务指标相关的绝对值已隐去。
在 Vodafone，我们会测试新解决方案、衡量成效、保留有效的解决方案，并对无效的解决方案提出质疑，从错误中学习。我们将其称为“快速实验、快速学习”。得益于与 Google 的合作，并将 LCP 引入为页面性能的主要 KPI，我们能够显著提升电子商务的客户体验。
Davide Grossi，商务数字营销总监
如需查看更多成功案例，请访问“在网站上扩大规模”案例研究页面。