Dampak bisnis Data Web Inti

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.

Saurabh Rajpal
Saurabh Rajpal
Swetha Gopalakrishnan
Swetha Gopalakrishnan

LCP, FID, CLS

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.

Memikirkan Core Web Vitals.

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% .

8% lebih banyak penjualan

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.

Diagram yang menunjukkan peningkatan pendapatan iklan.

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%.

Sebelum 3,78 detik, setelah 1,72 detik.

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.

Peningkatan peringkat domain sebesar 192% di Kolombia

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.

Netzwelt memperoleh peningkatan pendapatan iklan sebesar 18 persen,
Lazada memperoleh peningkatan LCP sebesar 3x lipat dan peningkatan rasio konversi sebesar 16,9 persen di perangkat seluler,
GYAO memperoleh peningkatan LCP sebesar 3,1x lipat dan peningkatan rasio klik-tayang sebesar 108 persen

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.

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

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.