Core Web Vitals di Lapangan: Temukan Bottleneck yang Benar-Benar Dirasakan Pengguna
Cara praktis menghubungkan pengujian lab dengan Core Web Vitals pengguna nyata, memprioritaskan perbaikan, dan memvalidasi peningkatan di seluler maupun desktop.
Pengujian lab yang cepat adalah petunjuk, bukan keputusan akhir
Sebuah halaman bisa tampak cepat dalam pengujian terkendali tetapi tetap terasa lambat bagi pengunjung dengan ponsel lama, jaringan yang sibuk, atau rute yang jauh ke server. Pengujian lab membantu mereproduksi pemuatan halaman dan memperlihatkan waterfall permintaannya. Data lapangan menunjukkan perilaku kunjungan nyata di berbagai perangkat dan kondisi. Pakai keduanya: data lapangan memilih masalahnya, dan pengujian lab yang bisa diulang membantu menemukan serta memperbaikinya.
Google mengevaluasi tiga Core Web Vitals pada persentil ke-75, dengan seluler dan desktop dipertimbangkan secara terpisah. Target baik saat ini adalah LCP di bawah atau sama dengan 2.5 detik, INP di bawah atau sama dengan 200 milidetik, dan CLS di bawah atau sama dengan 0.1. Nilai rata-rata bisa menyembunyikan pengalaman yang lebih lambat dari sekelompok besar pengunjung, jadi lihat data persentil dan segmentasikan menurut perangkat. Panduan ambang dari Google menjelaskan metode persentilnya.
Mulailah dari metrik yang gagal
LCP menunjuk ke pemuatan. Periksa apakah penundaan datang sebelum respons HTML, dari CSS yang memblokir rendering, atau dari penemuan dan pengunduhan gambar atau teks utama. Bandingkan TTFB lintas region, lalu periksa waterfall-nya. Kompres dan sesuaikan ukuran gambar hero, buat gambar itu bisa ditemukan di HTML awal, dan preload hanya jika benar-benar merupakan resource LCP-nya.
INP menunjuk ke interaksi. Pengujian lab atas pemuatan halaman tidak bisa mengukur INP sepenuhnya karena INP membutuhkan interaksi pengguna yang nyata. Gunakan data lapangan untuk mengidentifikasi interaksi yang lambat, lalu profil klik atau penekanan tombol yang relevan di developer tools browser. Tugas JavaScript yang panjang, rendering yang mahal, dan skrip pihak ketiga bisa menunda paint berikutnya. Memecah pekerjaan menjadi tugas-tugas yang lebih kecil dan menunda skrip yang tidak penting adalah eksperimen awal yang baik. Panduan pengukuran web.dev menjelaskan mengapa Total Blocking Time adalah proksi lab, bukan pengganti INP.
CLS menunjuk ke pergerakan visual. Periksa pemuatan awal maupun interaksi setelahnya dalam data lapangan. Tetapkan dimensi eksplisit atau rasio aspek untuk gambar dan embed, sediakan ruang untuk iklan, dan hindari menyisipkan konten di atas materi yang sedang dibaca pengguna. Pertukaran font juga bisa menggeser teks; gunakan fallback dengan metrik yang mirip dan uji halaman yang benar-benar dirender.
Ubah sebuah angka menjadi eksperimen terkendali
Ubah satu kemungkinan penyebab pada satu waktu. Jaga rute, viewport, profil perangkat, status cache, dan lokasi pengujian tetap konsisten, lalu jalankan pengujian lebih dari sekali. Bandingkan waterfall dan metrik yang relevan, bukan hanya satu skor keseluruhan. Kemudian periksa data lapangan setelah perubahan itu menjangkau pengguna: sebuah peningkatan pada satu rute atau perangkat belum tentu berlaku untuk setiap halaman.
Untuk pemantauan lapangan, kelompokkan templat halaman yang serupa dan periksa dulu segmen perangkat yang paling terdampak. Header atau consent manager yang sama bisa memengaruhi banyak URL, sementara satu gambar produk mungkin hanya memengaruhi satu templat. Pengelompokan ini membantu membedakan masalah di seluruh situs dari masalah pada satu halaman tertentu.
Utamakan pengalaman pengguna di atas angka yang sempurna
Core Web Vitals adalah diagnostik yang berguna, bukan definisi lengkap tentang situs yang baik. Google menyatakan hasil yang baik dalam laporan Core Web Vitals tidak menjamin posisi teratas di pencarian; relevansi dan pengalaman halaman yang lebih luas tetap berpengaruh. Perbaiki gesekan yang terukur dan dialami pengguna, lalu gunakan metrik itu untuk memverifikasi perubahan, alih-alih mengejar angka secara terpisah. Panduan pengalaman halaman dari Google memberikan konteksnya.