沃达丰：LCP 提升 31%，销售额增长 8%

通过内容集保持井井有条 根据您的偏好保存内容并进行分类。

发布时间：2021 年 3 月 17 日

沃达丰通过运行专门针对优化 Web Vitals 的 A/B 测试发现，LCP 提升 31% 使销售额增加了 8%，潜在客户到访率提高了 15%，购物车到访率提高了 11%。

沃达丰是欧洲和非洲领先的电信公司，在 21 个国家/地区运营固网和移动网络，并与另外 48 个国家/地区的移动网络合作。沃达丰通过在一个着陆页上运行 A/B 测试（A 版本针对 Web Vitals 进行了优化，并且在实际应用中 LCP 分数比 B 版本高 31%），确定优化 Web Vitals 可以使销售额增加 8%。

突出机会

沃达丰知道更快的网站通常与更高的业务指标相关联，并且有兴趣优化其 Web Vitals 分数作为提高销售额的潜在策略，但他们需要确定他们将获得什么样的投资回报率 (ROI)。

他们使用的方法

A/B 测试

A/B 测试的流量来自不同的付费媒体渠道，包括展示广告、iOS/Android、搜索和社交媒体。50% 的流量被发送到优化的着陆页（A 版本），50% 被发送到基线页面（B 版本）。A 版本和 B 版本每天都获得大约 10 万次点击和 3.4 万次访问。如前所述，A 版本和 B 版本之间唯一的区别是 A 版本针对 Web Vitals 进行了优化。除了这一点之外，两个版本之间没有功能或视觉上的差异。沃达丰使用 PerformanceObserver API 来衡量真实用户会话中的 LCP，并将实际应用数据发送给他们的分析提供商。

优化

沃达丰在优化的页面（A 版本）上进行了以下更改

• 将小部件的渲染逻辑从客户端移至服务器端，从而减少了渲染阻塞 JavaScript
• 服务器端渲染关键 HTML
• 优化了图像，包括调整英雄图像的大小、优化 SVG 图像、使用媒体查询来避免加载视口中尚不可见的图像，以及优化 PNG 图像

总体业务成果

在针对 Web Vitals 优化 A 版本并将其与未优化的 B 版本进行比较后，沃达丰发现 A 版本带来了

• 销售额增长 8%
• 潜在客户到访率提高 15%（成为潜在客户的用户数与访客总数之比）
• 购物车到访率提高 11%（访问购物车的用户数与访客总数之比）

下表显示了沃达丰在 A 版本（“优化页面”）和 B 版本（“默认页面”）上观察到的 DOMContentLoaded (“DCL”) 和 LCP 的值。请注意，DCL 实际上增加了 15%。与业务指标相关的绝对值已被编辑。

在沃达丰，我们测试新的解决方案，衡量结果，保留有效的方法，质疑无效的方法，并从错误中学习。我们称之为“实验，快速学习”。感谢与 Google 的合作以及将 LCP 作为页面性能的主要 KPI 引入，我们得以显著改善我们电子商务的客户体验。

Davide Grossi，业务数字营销主管

查看“Web 规模化案例研究”页面，了解更多成功案例。