Dengan menjalankan pengujian A/B yang secara khusus berfokus pada pengoptimalan Data Web, Vodafone menemukan bahwa 31% peningkatan LCP menghasilkan peningkatan penjualan sebesar 8%, peningkatan rasio prospek sebesar 15%, dan rasio kunjungan ke keranjang sebesar 11%.
Vodafone adalah perusahaan telekomunikasi terkemuka di Eropa dan Afrika yang mengoperasikan jaringan tetap dan seluler di 21 negara serta bermitra dengan jaringan seluler di 48 negara lainnya. Dengan menjalankan pengujian A/B di halaman landing (yang versi A dioptimalkan untuk Data Web dan memiliki skor LCP 31% lebih baik di kolom daripada versi B), Vodafone menentukan bahwa pengoptimalan untuk Data Web menghasilkan penjualan 8% lebih banyak.
31%
Peningkatan LCP sebesar 31% menyebabkan...
+8%
Peningkatan total penjualan
+15%
Peningkatan rasio prospek ke kunjungan
+11%
Peningkatan rasio kunjungan ke keranjang
Menyoroti peluang
Vodafone mengetahui bahwa situs yang lebih cepat umumnya berkorelasi dengan metrik bisnis yang lebih baik dan tertarik untuk mengoptimalkan skor Data Web mereka sebagai strategi potensial untuk meningkatkan penjualan, tetapi mereka perlu menentukan dengan tepat jenis ROI yang akan diperoleh.
![Dua screenshot situs Vodafone.](https://web.dev/static/case-studies/vodafone/image/two-screenshots-the-voda-cf6f5c699cd1f.png?authuser=6&hl=id)
Pendekatan yang mereka gunakan
Pengujian A/B
Traffic untuk pengujian A/B berasal dari berbagai saluran media berbayar, termasuk display, iOS/Android, penelusuran, dan media sosial. 50% traffic dikirim ke halaman landing yang dioptimalkan (versi A), dan 50% dikirim ke halaman dasar pengukuran (versi B). Versi A dan versi B mendapatkan sekitar 100 ribu
klik dan 34 ribu kunjungan per hari. Seperti yang disebutkan sebelumnya, satu-satunya perbedaan antara versi A dan
versi B adalah versi A dioptimalkan untuk Data Web. Tidak ada perbedaan fungsional atau visual
antara kedua versi selain itu. Vodafone menggunakan
PerformanceObserver
API untuk
mengukur LCP pada sesi pengguna yang sebenarnya dan mengirim
data kolom
ke penyedia analisisnya.
Pengoptimalan
Vodafone membuat perubahan berikut pada halaman yang dioptimalkan (versi A):
- Memindahkan logika rendering untuk widget dari sisi klien ke sisi server, sehingga menghasilkan lebih sedikit JavaScript yang memblokir perenderan
- HTML penting sisi server dirender
- Gambar yang dioptimalkan, termasuk mengubah ukuran gambar utama, mengoptimalkan gambar SVG, menggunakan kueri media untuk menghindari pemuatan gambar yang belum terlihat di area pandang, dan mengoptimalkan gambar PNG
Hasil bisnis secara keseluruhan
Setelah mengoptimalkan versi A untuk Data Web dan membandingkannya dengan versi B yang tidak dioptimalkan, Vodafone menemukan bahwa versi A menghasilkan:
- Peningkatan penjualan sebesar 8%
- Peningkatan sebesar 15% pada rasio prospek kunjungan (jumlah pengguna yang menjadi prospek versus total jumlah pengunjung)
- Peningkatan 11% pada rasio kunjungan keranjang (jumlah pengguna yang mengunjungi keranjang dibandingkan jumlah total pengunjung)
![Ilustrasi yang menegaskan hasil bisnis.](https://web.dev/static/case-studies/vodafone/image/an-illustration-reiterat-d99bc1eace701.png?authuser=6&hl=id)
Tabel berikut menunjukkan nilai untuk DOMContentLoaded
("DCL") dan LCP yang
diobservasi Volafone pada versi A ("Halaman yang Dioptimalkan") dan versi B ("Halaman
Default"). Perlu diperhatikan bahwa DCL sebenarnya meningkat sebesar 15%. Nilai absolut yang terkait dengan
metrik bisnis telah disamarkan.
Di Vodafone, kami menguji solusi baru, mengukur hasil, mempertahankan yang berhasil, dan mempertanyakan apa yang tidak berhasil, serta belajar dari kesalahan. Kami menyebutnya "Eksperimen, Belajar Cepat". Berkat kolaborasi dengan Google dan pengenalan LCP sebagai KPI utama untuk performa halaman, kami dapat meningkatkan pengalaman pelanggan e-commerce secara signifikan.
Davide Grossi, Head of Digital Marketing, Business
Lihat halaman Scale on web case study untuk mengetahui kisah sukses lainnya.