Artikel ini akan membantu Anda memahami korelasi Data Web Inti 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 apakah Anda ingin tahu apakah Google Ads benar-benar membantu bisnis Anda? Artikel ini akan membantu Anda memahami korelasi Data Web Inti dengan metrik bisnis utama dengan mempelajari contoh perusahaan yang telah merasakan dampak positif bagi pengguna dan bisnis mereka.
Jika Anda lebih suka menonton video, tonton presentasi ini dari Google I/O:
Alasan Data Web Inti penting bagi pengguna dan bisnis Anda
Pemangku kepentingan yang berbeda dalam suatu organisasi dapat memiliki prioritas yang berbeda. Data Web Inti dapat menyatukan semuanya di halaman yang sama dengan berfokus pada mengoptimalkan metrik yang berfokus pada pengguna dan pertumbuhan bisnis yang dihasilkan.
Jalur menuju Data Web Inti yang baik dapat bervariasi dari satu situs ke situs lainnya, bergantung pada posisi mereka dalam perjalanan performa dan seberapa rumit desain situs tersebut. Hal ini dapat berkisar dari meraih hasil yang sulit dan mendapatkan hasil yang berarti; hingga menerapkan solusi kompleks yang memperbaiki masalah yang menantang. Terlepas dari jumlah waktu yang dihabiskan, pengambilan keputusan harus memperlakukan hal ini 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 pelanggan yang kembali. Bagi product manager, performa harus menjadi kriteria penting yang mendefinisikan kualitas dan keberhasilan fitur produk baru. Keunggulan produk serta penanganan tantangan menarik juga meningkatkan kepuasan developer.
Meskipun Data Web Inti sebagai sinyal peringkat memberikan motivasi tambahan untuk menginvestasikan waktu dalam performa, penggunaan Data Web Inti 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 8% peningkatan penjualan.
Teknik
- Sisi Server Render HTML penting.
- Kurangi JavaScript pemblokiran render.
- Teknik pengoptimalan gambar.
- Mengubah ukuran gambar utama; menunda sumber daya yang tidak penting.
Pelajaran 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 memperoleh peningkatan pendapatan iklan sebesar 10%.
Teknik
- Variabilitas yang lebih kecil dalam ukuran unit iklan dan slot iklan ukuran tetap yang telah dialokasikan sebelumnya di UI.
- Logika pemuatan skrip iklan yang dioptimalkan untuk memprioritaskan bidding header dan menunda JS yang tidak penting.
Pelajaran penting
Rasio pengisian mungkin akan terpengaruh, tetapi pada akhirnya pendapatan akan meningkat dengan peningkatan visibilitas iklan.
Tokopedia
Tokopedia meningkatkan LCP sebesar 55% dan memperoleh rata-rata durasi sesi yang 23% lebih baik.
Teknik
- Elemen LCP render sisi server (SSR).
- Pramuat Elemen LCP.
- Pengoptimalan gambar (kompresi, WebP, pemuatan lambat gambar yang tidak penting).
Pelajaran penting
- Membuat dasbor pemantauan performa untuk memantau progres dan dampaknya di berbagai tim.
- Bereksperimen dengan berbagai teknik rendering (misalnya, elemen LCP SSR vs konten paruh atas SSR vs Rendering sisi klien lengkap).
Bus merah
Perbaikan Data Web Inti berkontribusi terhadap 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 membangun microservice dengan prinsip tanggung jawab tunggal secara signifikan mengurangi TTI dan TBT.
Pelajaran penting
- Mengurangi CLS dari 1,65 menjadi 0 meningkatkan peringkat domain mereka secara signifikan secara global.
- Mengurangi TTI dari sekitar 8 detik menjadi sekitar 4 detik dan TBT dari sekitar 1.200 md menjadi sekitar 700 md berkontribusi pada peningkatan mCVR sebesar 80-100% di seluruh properti global.
- Penggunaan alat RUM membantu memahami metrik performa nyata di pasar tingkat lebih rendah.
- Mengadopsi budaya performa sangat penting untuk menghindari regresi. Hal ini juga meningkatkan produktivitas tim berkat kode yang dioptimalkan, rilis yang lebih cepat, dan masalah produksi yang lebih sedikit.
Studi kasus di atas menunjukkan bahwa Anda dapat mencapai banyak hal dengan menerapkan praktik terbaik dan menerapkan solusi cepat. Berikut beberapa contoh nyata dari hal ini.
Hasil di atas dicapai dengan mengambil hal yang mudah digantung seperti:
| Pengoptimalan gambar | Pengoptimalan JavaScript | Iklan dan konten dinamis |
|---|---|---|
| Menggunakan format gambar WebP | Menunda JS pihak ketiga | Melakukan reservasi ruang untuk iklan paruh atas |
| Menggunakan CDN gambar | Menghapus JS yang memblokir render dan JS yang tidak digunakan | Menyetel tinggi untuk konten dinamis |
| Kompresi | Pemuatan lambat JS non-kritis | |
| Menunda gambar yang tidak penting | Melakukan pramuat JS penting | |
| Pramuat banner besar | ||
| Menentukan rasio aspek |
Untuk praktik terbaik lainnya, lihat panduan Data Web. Gunakan PageSpeed Insights untuk mengaudit situs Anda dan mendapatkan rekomendasi yang dapat ditindaklanjuti dengan segera.
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 lulus Core Web Vitals.
- Cdiscount meningkatkan ketiga metrik yang berkontribusi pada peningkatan pendapatan sebesar 6% dalam promo Black Friday mereka.
- Wix meningkatkan asal seluler yang melewati Core Web Vitals lebih dari 250% year-on-year.
- Nykaa menemukan bahwa 40% peningkatan LCP menghasilkan 28% lebih banyak traffic organik dari kota T2/T3.
- Peningkatan LCP sebesar 18% NIKKEI STYLE menghasilkan 9% lebih banyak kunjungan halaman per sesi.
- NDTV mendapatkan rasio pantulan lebih baik 50% setelah menghentikan LCP, bersama dengan perubahan produk lainnya..
- LCP yang 70% lebih baik di Agrofy Market berkorelasi dengan 76% penurunan pengabaian pemuatan..
- Flipkart mencapai pengurangan rasio pantulan sebesar 2,6% dengan meningkatkan metrik Data Web Inti.
- Ameba Manga meningkatkan jumlah komik yang dibaca 2-3 kali dengan meningkatkan skor CLS 10 kali.
- Pusat Bantuan Iklan Yahoo! Japan memperbaiki CLS yang menyebabkan penurunan halaman buruk sebesar 98% dan peningkatan kunjungan halaman per sesi sebesar 15%..
- AliExpress meningkatkan CLS 10 kali dan LCP sebesar dua kali lipat, yang berarti rasio pantulan lebih rendah 15%.
- GEDI mengalami penurunan CLS sebesar 77% dan penurunan rasio pantulan sebesar 8%.
Bagaimana Anda dapat memulainya sekarang?
Langkah 1: Mulai mengukur
Mulailah dengan mengukur data kolom untuk situs Anda menggunakan alat Pemantauan Pengguna Real (RUM). Ada berbagai alat RUM Google dan pihak ketiga (3P) yang sudah tersedia.
Alat Google RUM
- Search Console
- PageSpeed Insights
- library JavaScript web-vitals
- Laporan Pengalaman Pengguna (CrUX) Chrome
Alat RUM pihak ketiga
- Cloudflare
- New Relic
- Akamai
- Kaliber
- Segitiga Biru
- Prajurit
- SpeedCurve
- Raygun
Pilih alat yang paling sesuai untuk Anda. Anda dapat melangkah lebih jauh dan berintegrasi dengan Google Analytics 4 untuk menghubungkan Data Web Inti dengan metrik bisnis.
Langkah 2: Yakinkan pemangku kepentingan Anda
- Didik pemangku kepentingan tentang pentingnya mengadopsi Data Web Inti untuk meningkatkan pengalaman pengguna dan korelasinya dengan metrik bisnis perusahaan.
- Dapatkan sponsor secara internal untuk memulai eksperimen kecil.
- Membuat tujuan bersama di antara para pemangku kepentingan untuk meningkatkan Data Web Inti di seluruh tim.
Langkah 3: Pastikan penerapan berhasil menggunakan tips berikut
- Prioritaskan: Pilih halaman dengan traffic dan/atau konversi yang signifikan untuk memberikan hasil yang berarti (misalnya, halaman landing iklan, halaman konversi, atau halaman populer).
- Pengujian A/B: Gunakan pengujian sisi server untuk menghindari biaya rendering. Bandingkan hasil antara versi yang dioptimalkan dan yang tidak dioptimalkan.
- Pantau: Gunakan pemantauan berkelanjutan untuk mencegah regresi.
Terakhir, kami percaya bahwa performa adalah perjalanan, bukan tujuan. Oleh karena itu, kami berencana untuk terus memperbarui artikel ini dengan sorotan studi kasus terbaru. Jika Anda juga memiliki kesuksesan bisnis yang menarik dan ingin ditampilkan dalam artikel ini, kirimkan proposal konten.