Artikel ini akan membantu Anda memahami korelasi Core Web Vitals dengan metrik bisnis utama dengan mempelajari contoh perusahaan yang telah melihat dampak positif bagi pengguna dan bisnis mereka.
Apakah Anda kesulitan meyakinkan pemangku kepentingan untuk mengadopsi Data Web Inti? Atau Anda ingin tahu apakah fitur ini benar-benar membantu bisnis Anda? Artikel ini akan membantu Anda memahami korelasi Core Web Vitals dengan metrik bisnis utama dengan mempelajari contoh perusahaan yang telah melihat dampak positif bagi pengguna dan bisnis mereka.
Jika Anda lebih suka video, lihat diskusi dari Google I/O ini:
Pentingnya Core Web Vitals bagi pengguna dan bisnis Anda
Pemangku kepentingan yang berbeda dalam organisasi dapat memiliki prioritas yang berbeda. Data Web Inti dapat menyatukan semua pihak dengan berfokus pada pengoptimalan metrik yang berfokus pada pengguna dan pertumbuhan bisnis yang dihasilkan.
Cara untuk mendapatkan Core Web Vitals yang baik dapat bervariasi dari satu situs ke situs lainnya, bergantung pada posisi situs dalam perjalanan performa dan kerumitan desain situs. Caranya dapat berkisar dari mendapatkan hasil yang mudah dan bermakna; hingga menerapkan solusi kompleks yang memperbaiki masalah yang sulit. Terlepas dari jumlah waktu yang dihabiskan, pengambil keputusan harus memperlakukannya sebagai investasi jangka panjang untuk pertumbuhan bisnis mereka. Memberikan pengalaman navigasi yang cepat dan lancar akan menyenangkan pengguna dan membantu mengubah mereka menjadi pelanggan setia dan yang kembali. Bagi pengelola produk, performa harus menjadi kriteria penting yang menentukan kualitas dan kesuksesan fitur produk baru. Selain itu, keunggulan produk dan mengerjakan tantangan yang menarik juga meningkatkan kepuasan developer.
Meskipun Core Web Vitals sebagai sinyal peringkat memberikan motivasi tambahan untuk menginvestasikan waktu dalam performa, menggunakan Core Web Vitals memiliki banyak manfaat jangka pendek dan panjang lainnya di luar peringkat. Mari kita pelajari beberapa studi kasus merek global dan lokal yang mengadopsi Data Web Inti (sebelum berdampak pada peringkat) karena fokusnya pada pengalaman pengguna.
Studi kasus
Vodafone
Vodafone (Italia) meningkatkan LCP sebesar 31% untuk mencapai peningkatan penjualan sebesar 8% .
Teknik
- Sisi Server Render HTML penting.
- Kurangi JavaScript yang memblokir render.
- Teknik pengoptimalan gambar.
- Ubah ukuran gambar utama; tunda resource yang tidak penting.
Poin-poin penting
- Pengujian A/B adalah cara terbaik untuk mengukur dampak yang signifikan.
- A/B harus berupa sisi server.
iCook
iCook meningkatkan CLS sebesar 15% untuk mencapai pendapatan iklan 10% lebih banyak.
Teknik
- Lebih sedikit variabilitas dalam ukuran unit iklan dan slot iklan ukuran tetap yang dialokasikan sebelumnya di UI.
- Logika pemuatan skrip iklan yang dioptimalkan untuk memprioritaskan bidding header dan menunda JS yang tidak penting.
Poin-poin penting
Rasio pengisian mungkin terpengaruh, tetapi pada akhirnya pendapatan akan meningkat dengan peningkatan visibilitas iklan.
Tokopedia
Tokopedia meningkatkan LCP sebesar 55% dan mengalami peningkatan durasi sesi rata-rata sebesar 23%.
Teknik
- Elemen LCP render sisi server (SSR).
- Pramuat Elemen LCP.
- Pengoptimalan gambar (kompresi, WebP, pemuatan lambat gambar non-penting).
Poin-poin penting
- Membuat dasbor pemantauan performa untuk memantau progres dan dampak di seluruh tim.
- Bereksperimen dengan berbagai teknik rendering (misalnya, elemen LCP SSR vs SSR konten di atas fold vs Rendering sisi klien lengkap).
Redbus
Perbaikan Data Web Inti berkontribusi pada rasio konversi seluler (mCVR) sebesar 80-100%, dan peningkatan peringkat domain yang signifikan di seluruh properti pasar global Redbus.
Teknik
- Memperbaiki slot untuk komponen halaman dan menghapus skrip penyisipan tag yang tidak dioptimalkan meningkatkan CLS.
- Mengoptimalkan skrip pihak ketiga dan membuat microservice dengan prinsip tanggung jawab tunggal secara signifikan mengurangi TTI dan TBT.
Poin-poin penting
- Mengurangi CLS dari 1,65 menjadi 0 secara signifikan meningkatkan peringkat domain mereka secara global.
- Mengurangi TTI dari sekitar 8 detik menjadi sekitar 4 detik dan TBT dari sekitar 1.200 milidetik menjadi sekitar 700 milidetik berkontribusi pada peningkatan mCVR sebesar 80-100% di seluruh properti global.
- Menggunakan alat RUM membantu merekam metrik performa dunia nyata di pasar tingkat bawah.
- Mengadopsi budaya performa sangat penting untuk menghindari regresi. Hal ini juga meningkatkan produktivitas tim berkat kode yang dioptimalkan, rilis yang lebih cepat, dan lebih sedikit masalah produksi.
Studi kasus di atas menunjukkan bahwa Anda dapat mencapai banyak hal dengan mengadopsi praktik terbaik dan menerapkan solusi cepat. Berikut beberapa contoh nyata lainnya tentang poin ini.
Hasil di atas dicapai dengan mengambil peluang yang mudah seperti:
Pengoptimalan gambar | Pengoptimalan JavaScript | Iklan dan konten dinamis |
---|---|---|
Menggunakan format gambar WebP | Menunda JS pihak ketiga | Mencadangkan ruang untuk iklan di paruh atas |
Menggunakan CDN gambar | Menghapus JS yang memblokir rendering dan tidak digunakan | Menetapkan tinggi untuk konten dinamis |
Kompresi | Pemuatan lambat JS yang tidak penting | |
Menunda gambar non-kritis | Memuat JS penting | |
Memuat banner besar secara otomatis | ||
Menentukan rasio aspek |
Untuk praktik terbaik lainnya, lihat panduan Web Vitals. Gunakan PageSpeed Insights untuk mengaudit situs Anda dan segera mendapatkan rekomendasi yang bisa ditindaklanjuti.
Ada beberapa merek global lainnya yang juga mendapatkan manfaat dari berinvestasi dalam Data Web Inti.
- Tencent Video memperoleh CTR 70% lebih baik untuk video dengan memenuhi Core Web Vitals.
- Cdiscount meningkatkan ketiga metrik tersebut yang berkontribusi pada peningkatan pendapatan sebesar 6% dalam promo Black Friday mereka.
- Wix meningkatkan origin seluler yang lulus Data Web Inti sebesar lebih dari 250% dari tahun ke tahun.
- Nykaa menemukan bahwa peningkatan LCP sebesar 40% menghasilkan peningkatan traffic organik sebesar 28% dari kota T2/T3.
- Peningkatan LCP NIKKEI STYLE sebesar 18% menghasilkan peningkatan kunjungan halaman per sesi sebesar 9%.
- NDTV memperoleh rasio pantulan 50% lebih baik setelah mengurangi LCP menjadi setengahnya, bersama dengan perubahan produk lainnya.
- LCP Agrofy Market yang lebih baik sebesar 70% berkorelasi dengan penurunan pengabaian pemuatan sebesar 76%..
- Flipkart mencapai pengurangan rasio pantulan sebesar 2,6% dengan meningkatkan metrik Core Web Vitals.
- Ameba Manga meningkatkan jumlah komik yang dibaca sebanyak 2-3 kali dengan meningkatkan skor CLS sebanyak 10 kali lipat.
- Pusat Bantuan Iklan Yahoo! Japan memperbaiki CLS yang menyebabkan penurunan halaman yang buruk sebesar 98% dan peningkatan kunjungan halaman per sesi sebesar 15%..
- AliExpress meningkatkan CLS sebesar 10 kali lipat dan LCP sebesar dua kali lipat, yang berarti rasio pantulan 15% lebih rendah.
- GEDI mengalami penurunan CLS sebesar 77% dan penurunan rasio pantulan sebesar 8%.
Bagaimana cara memulainya sekarang?
Langkah 1: Mulai mengukur
Mulailah dengan mengukur data kolom untuk situs Anda menggunakan alat Real User Monitoring (RUM). Ada berbagai alat RUM Google dan pihak ketiga (3P) yang sudah tersedia.
Alat RUM Google
- Search Console
- PageSpeed Insights
- Library JavaScript web-vitals
- Laporan Pengalaman Pengguna Chrome (CrUX)
Alat RUM pihak ketiga
- Cloudflare
- New Relic
- Akamai
- Calibre
- Segitiga Biru
- Sentry
- SpeedCurve
- Raygun
Pilih alat yang paling sesuai untuk Anda. Anda dapat melakukan langkah lebih lanjut dan berintegrasi dengan Google Analytics 4 untuk mengorelasikan Core Web Vitals dengan metrik bisnis Anda.
Langkah 2: Yakinkan pemangku kepentingan Anda
- Edukasi pemangku kepentingan Anda tentang pentingnya mengadopsi Core Web Vitals untuk meningkatkan pengalaman pengguna dan korelasinya dengan metrik bisnis perusahaan.
- Dapatkan sponsor secara internal untuk memulai eksperimen kecil.
- Buat sasaran bersama di antara pemangku kepentingan untuk meningkatkan Core Web Vitals di seluruh tim.
Langkah 3: Mencapai penerapan yang sukses menggunakan tips ini
- Prioritaskan: Pilih halaman dengan traffic dan/atau signifikansi konversi yang tinggi untuk memberikan hasil yang bermakna (misalnya, halaman landing iklan, halaman konversi, atau halaman populer).
- Pengujian A/B: Gunakan pengujian sisi server untuk menghindari biaya rendering. Membandingkan hasil antara versi yang dioptimalkan dan tidak dioptimalkan.
- Pantau: Gunakan pemantauan berkelanjutan untuk mencegah regresi.
Terakhir, kami percaya bahwa performa adalah perjalanan, bukan tujuan. Sehubungan dengan hal tersebut, kami berencana untuk terus memperbarui artikel ini dengan sorotan studi kasus terbaru. Jika Anda juga memiliki pencapaian bisnis yang menarik dan ingin ditampilkan dalam artikel ini, kirimkan proposal konten.