公開日: 2021 年 3 月 17 日
ウェブ バイタルの最適化に特化した A/B テストを実施した Vodafone は、LCP が 31% 改善されたことで、売上が 8% 増加し、見込み顧客のサイト訪問率が 15% 向上し、カートからサイトへの訪問率が 11% 向上したことを確認しました。
Vodafone は、ヨーロッパとアフリカの市場をリードする電気通信会社です。21 か国で固定ネットワークとモバイル ネットワークを運営し、さらに 48 か国のモバイル ネットワークと提携しています。ランディング ページで A/B テストを実施した結果（バージョン A は Web Vitals 向けに最適化され、フィールドでバージョン B より LCP スコアが 31% 向上）、Vodafone は 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 万回のクリックと 3 万 4 千回のアクセスがありました。前述のとおり、バージョン A とバージョン B の唯一の違いは、バージョン A がウェブ バイタル向けに最適化されていることでした。それ以外に、両バージョン間に機能面や視覚面での違いはありませんでした。Vodafone は PerformanceObserver API を使用して、実際のユーザー セッションで LCP を測定し、フィールド データを分析プロバイダに送信しました。
最適化
Vodafone は、最適化されたページ（バージョン A）に次の変更を加えました。
- ウィジェットのレンダリング ロジックをクライアントサイドからサーバーサイドに移行したことで、レンダリングをブロックする JavaScript が減少しました。
- サーバーサイドでレンダリングされた重要な HTML
- 最適化された画像。これには、ヒーロー画像のサイズ変更、SVG 画像の最適化、メディアクエリを使用してビューポートにまだ表示されていない画像の読み込みを回避、PNG 画像の最適化が含まれます。
ビジネス全体の成果
ウェブに関する主な指標に合わせてバージョン A を最適化し、最適化されていないバージョン B と比較した結果、バージョン A では次の効果が得られました。
- 売上が 8% 増加
- 見込み顧客からサイト訪問者への転換率（見込み顧客になったユーザー数とサイト訪問者数の合計の比率）が 15% 向上しました。
- カートから訪問への割合（カートにアクセスしたユーザー数と訪問者数の合計の割合）が 11% 向上した
次の表に、Vodafone がバージョン A（「最適化されたページ」）とバージョン B（「デフォルトのページ」）で観測した DOMContentLoaded（「DCL」）と LCP の値を示します。DCL は実際には 15% 増加しています。ビジネス指標に関連する絶対値は編集されています。
Vodafone では、新しいソリューションをテストし、結果を測定し、効果があったものは維持し、効果がなかったものは見直し、失敗から学びます。これを「Experiment, Learn Fast」と呼んでいます。Google とのコラボレーションと、ページ パフォーマンスの主な KPI として LCP を導入したことで、e コマースのカスタマー エクスペリエンスを大幅に改善することができました。
Davide Grossi、ビジネス部門デジタル マーケティング責任者