Dipublikasikan: 17 Maret 2021
Dengan menjalankan pengujian A/B yang secara khusus berfokus pada pengoptimalan Data Web, Vodafone menemukan bahwa peningkatan LCP sebesar 31% menghasilkan peningkatan penjualan sebesar 8%, peningkatan rasio prospek ke kunjungan sebesar 15%, dan peningkatan rasio keranjang ke kunjungan sebesar 11%.
Vodafone adalah perusahaan telekomunikasi terkemuka di Eropa dan Afrika yang mengoperasikan jaringan tetap dan seluler di 21 negara serta berpartner dengan jaringan seluler di 48 negara lainnya. Dengan menjalankan pengujian A/B di halaman landing (dengan versi A dioptimalkan untuk Web Vitals dan memiliki skor LCP yang 31% lebih baik di kolom daripada versi B), Vodafone menentukan bahwa pengoptimalan untuk Web Vitals menghasilkan 8% lebih banyak penjualan.
31%
Peningkatan LCP sebesar 31% menghasilkan…
+8%
Peningkatan total penjualan
+15%
Peningkatan rasio prospek yang mengunjungi toko
+11%
Peningkatan rasio tambah ke keranjang setelah kunjungan
Menyoroti peluang
Vodafone tahu bahwa situs yang lebih cepat umumnya berkorelasi dengan peningkatan metrik bisnis dan tertarik untuk mengoptimalkan skor Web Vitals sebagai strategi potensial untuk meningkatkan penjualan, tetapi mereka perlu menentukan dengan tepat jenis ROI yang akan mereka dapatkan.
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 masing-masing 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 Web Vitals. Selain itu, tidak ada perbedaan fungsional atau visual antara kedua versi tersebut. Vodafone menggunakan
PerformanceObserver API untuk
mengukur LCP pada sesi pengguna sebenarnya dan mengirim
data kolom
ke penyedia analisis mereka.
Pengoptimalan
Vodafone melakukan perubahan berikut pada halaman yang dioptimalkan (versi A):
- Memindahkan logika rendering untuk widget dari sisi klien ke sisi server, yang menghasilkan lebih sedikit JavaScript pemblokir rendering
- HTML penting yang dirender sisi server
- 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 rasio prospek ke kunjungan sebesar 15% (jumlah pengguna yang menjadi prospek dibandingkan dengan total jumlah pengunjung)
- Peningkatan 11% pada rasio kunjungan keranjang (jumlah pengguna yang mengunjungi keranjang mereka dibandingkan dengan jumlah total pengunjung)
Tabel berikut menunjukkan nilai untuk DOMContentLoaded ("DCL") dan LCP yang
diamati Vodafone pada versi A ("Halaman yang Dioptimalkan") dan versi B ("Halaman
Default"). Perhatikan bahwa DCL sebenarnya meningkat sebesar 15%. Nilai absolut yang terkait dengan
metrik bisnis telah disamarkan.
Di Vodafone, kami menguji solusi baru, mengukur hasil, mempertahankan hal yang berhasil, dan mempertanyakan hal 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 kami secara signifikan.
Davide Grossi, Head of Digital Marketing, Business
Lihat halaman Studi kasus penskalaan di web untuk kisah sukses lainnya.