Dampak bisnis Data Web Inti

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.

Saurabh Rajpal
Saurabh Rajpal
Swetha Gopalakrishnan
Swetha Gopalakrishnan

LCP, FID, CLS

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.

Memikirkan tentang Data Web Inti.

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.

Penjualan 8% lebih banyak

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

Diagram yang menampilkan peningkatan pendapatan iklan.

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.

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

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.

Peningkatan peringkat domain di Kolombia sebesar 192%

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.

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

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.

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 RUM

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.