公開日: 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 スコアの最適化に関心を寄せていました。しかし、得られる ROI を正確に判断する必要がありました。
使用したアプローチ
A/B テスト
A/B テストのトラフィックは、ディスプレイ、iOS/Android、検索、ソーシャルなど、さまざまな有料メディア チャネルから発生しました。トラフィックの 50% は最適化されたランディング ページ（バージョン A）に、50% はベースライン ページ（バージョン B）に送信されました。バージョン A とバージョン B の両方で、1 日あたりのクリック数は約 10 万回、アクセス数は 34,000 回でした。前述のように、バージョン A とバージョン B の唯一の違いは、バージョン A がウェブバイタル向けに最適化されている点でした。それ以外に、2 つのバージョンに機能や外観の違いはありません。Vodafone は PerformanceObserver API を使用して実際のユーザー セッションで LCP を測定し、フィールドデータを分析プロバイダに送信しました。
最適化
Vodafone は、最適化されたページ（バージョン A）に次の変更を加えました。
- ウィジェットのレンダリング ロジックをクライアントサイドからサーバーサイドに移動し、レンダリングをブロックする JavaScript を削減しました。
- 重要な HTML をサーバーサイドでレンダリングする
- 最適化された画像: ヒーロー画像のサイズ変更、SVG 画像の最適化、メディアクエリを使用してビューポートにまだ表示されていない画像の読み込みを回避する、PNG 画像の最適化
ビジネス全体の成果
Vodafone は、ウェブに関する主な指標に合わせてバージョン A を最適化し、最適化されていないバージョン B と比較した結果、バージョン A によって次のような効果が得られたことを把握しました。
- 売上 8% 増加
- 見込み顧客から訪問への転換率（見込み顧客となったユーザー数と訪問者の合計数）が 15% 向上。
- カートへのアクセス率（カートにアクセスしたユーザー数と訪問者の合計数）が 11% 向上。
次の表に、Vodafone がバージョン A（「最適化されたページ」）とバージョン B（「デフォルト ページ」）で観測した DOMContentLoaded（「DCL」）と LCP の値を示します。DCL は実際には 15% 増加しています。ビジネス指標に関連する絶対値は削除されています。
Vodafone では、新しいソリューションをテストし、結果を測定し、うまくいったものは維持し、うまくいかなかったものについては疑問を呈し、間違いから学びます。Google ではこれを「迅速なテストと学習」と呼んでいます。Google との連携と、ページのパフォーマンスの主要な KPI として LCP を導入したことで、e コマースのカスタマー エクスペリエンスを大幅に改善できました。
Davide Grossi、ビジネス デジタル マーケティング担当ヘッド
その他の成功事例については、ウェブでのスケーリングに関するケーススタディのページをご覧ください。