Core Web Vitals adalah sekumpulan metrik pengalaman pengguna yang berfokus pada tiga hal penting ketika seseorang membuka dan menggunakan halaman web: seberapa cepat konten utama terlihat, seberapa cepat halaman merespons interaksi, dan seberapa stabil tata letaknya selama proses pemuatan. Ketiga metrik utamanya adalah Largest Contentful Paint (LCP), Interaction to Next Paint (INP), dan Cumulative Layout Shift (CLS).
Core Web Vitals tidak seharusnya diperlakukan sebagai sekadar angka untuk mengejar skor 100. Nilainya lebih berguna sebagai sinyal diagnosis. Jika LCP buruk, masalahnya mungkin berada pada resource utama, server, jaringan, atau urutan pemuatan. Jika INP buruk, main thread mungkin terlalu sibuk atau handler interaksi terlalu berat. Jika CLS buruk, elemen halaman kemungkinan berpindah tanpa ruang yang sudah dipesan.
Tiga metrik utama Core Web Vitals
Largest Contentful Paint (LCP)
LCP mengukur waktu hingga elemen konten terbesar yang terlihat pada viewport awal selesai dirender. Untuk pengalaman yang baik, target yang umum dipakai adalah LCP 2,5 detik atau kurang pada persentil ke-75 kunjungan. Pelajari penyebab dan langkah diagnosisnya pada panduan LCP.
Interaction to Next Paint (INP)
INP menilai responsivitas halaman terhadap interaksi pengguna seperti klik, tap, dan input keyboard. Nilai yang baik adalah 200 milidetik atau kurang pada persentil ke-75. INP menggantikan First Input Delay sebagai Core Web Vital karena menilai responsivitas interaksi secara lebih menyeluruh selama kunjungan. Lihat apa itu INP dan cara memperbaikinya.
Cumulative Layout Shift (CLS)
CLS mengukur stabilitas visual. Jika teks, tombol, gambar, atau komponen lain berpindah secara tidak terduga ketika halaman dimuat, pengalaman pengguna menjadi buruk. Nilai CLS yang baik adalah 0,1 atau kurang. Penyebab dan cara menguranginya dibahas pada panduan CLS.
Field data dan lab data bukan hal yang sama
Kesalahan umum ketika membaca Core Web Vitals adalah menganggap semua angka PageSpeed Insights berasal dari sumber yang sama. Field data berasal dari pengalaman pengguna nyata yang memenuhi kriteria pengumpulan data Chrome UX Report. Lab data berasal dari pengujian terkontrol Lighthouse pada kondisi simulasi tertentu.
Field data berguna untuk memahami apa yang dialami pengguna nyata dalam periode agregasi. Lab data lebih berguna untuk debugging karena pengujian dapat diulang dengan kondisi yang relatif konsisten. Karena itu, hasil keduanya memang dapat berbeda dan tidak perlu dipaksa menjadi identik.
Mengapa mobile dan desktop bisa berbeda?
Perangkat, CPU, jaringan, viewport, dan pola interaksi berbeda. Halaman yang terasa sangat cepat di komputer pengembang dengan koneksi cepat belum tentu sama pada ponsel kelas menengah di jaringan seluler. Perbedaan ini dibahas lebih rinci pada mengapa PageSpeed mobile dan desktop berbeda.
Apakah Core Web Vitals faktor ranking?
Core Web Vitals merupakan bagian dari sinyal pengalaman halaman, tetapi jangan menafsirkan satu metrik sebagai tombol yang otomatis menaikkan ranking. Relevansi konten, kualitas informasi, kemampuan Google merayapi dan mengindeks halaman, internal linking, serta banyak sinyal lain tetap penting. Perbaikan performa seharusnya dimulai dari pengalaman pengguna dan masalah teknis yang nyata, bukan sekadar mengejar skor.
Cara membaca hasil Core Web Vitals dengan benar
- Identifikasi apakah data yang dilihat adalah field atau lab.
- Periksa metrik mana yang gagal: LCP, INP, CLS, atau kombinasi beberapa metrik.
- Temukan template atau kelompok URL yang memiliki pola masalah sama.
- Gunakan lab diagnostics untuk mencari bottleneck yang dapat direproduksi.
- Perbaiki penyebab, bukan sekadar gejala skor.
- Uji ulang dan pantau field data setelah perubahan memiliki waktu cukup untuk terkumpul.
Prioritas perbaikan berdasarkan metrik
Untuk LCP, fokus pada waktu respons server, discoverability resource LCP, prioritas gambar hero, render-blocking resources, dan ukuran aset. Untuk INP, fokus pada pekerjaan JavaScript yang panjang, event handler, DOM yang terlalu berat, dan pembagian tugas pada main thread. Untuk CLS, fokus pada dimensi gambar, slot iklan, font, embed, dan elemen yang disisipkan setelah render tanpa ruang yang sudah disediakan.
Jangan mengoptimasi satu metrik dengan merusak metrik lain
Teknik performa harus diuji sebagai satu sistem. Menunda resource secara agresif dapat memperbaiki satu angka tetapi membuat interaksi terasa terlambat. Menghapus ruang placeholder mungkin membuat desain terlihat ringkas sebelum konten dimuat tetapi memperburuk CLS. Evaluasi perubahan berdasarkan pengalaman nyata dan keseluruhan metrik.
Gunakan pemeriksaan yang dapat diulang
Untuk melihat metrik dan evidence teknis secara terstruktur, gunakan Core Web Vitals IDZ SEO. Hasil pemeriksaan sebaiknya menjadi titik awal diagnosis, lalu diverifikasi pada template, resource, dan perilaku halaman sebenarnya.
Kesimpulan
Core Web Vitals membantu menerjemahkan pengalaman pengguna menjadi tiga area yang dapat diukur: loading melalui LCP, responsivitas melalui INP, dan stabilitas visual melalui CLS. Gunakan data field untuk memahami pengalaman nyata, lab data untuk debugging, dan prioritaskan penyebab teknis yang benar-benar memengaruhi pengguna.
Gunakan Data Pengguna Nyata dan Data Lab untuk Tujuan Berbeda
Core Web Vitals menilai pengalaman loading, responsiveness, dan stabilitas visual melalui LCP, INP, dan CLS. Untuk klasifikasi pengalaman pengguna, data lapangan sangat penting karena berasal dari kunjungan nyata. Data lab seperti Lighthouse berguna untuk diagnosis karena lebih mudah direproduksi, tetapi satu hasil lab tidak menggantikan distribusi pengalaman pengguna sebenarnya.
Target yang digunakan Google untuk kategori “baik” adalah LCP hingga 2,5 detik, INP hingga 200 milidetik, dan CLS hingga 0,1. Penilaian Core Web Vitals menggunakan persentil ke-75 agar sebagian besar pengguna menerima pengalaman yang baik.
Jangan Mengoptimalkan Skor tanpa Menemukan Bottleneck
Mulailah dari metrik yang gagal. LCP lambat dapat berkaitan dengan server, resource hero, CSS, font, atau prioritas loading. INP buruk lebih sering membutuhkan pemeriksaan JavaScript dan pekerjaan main thread. CLS menuntut pencarian elemen yang berpindah karena ruang tidak dicadangkan, font, iklan, atau injeksi konten.
Gunakan Core Web Vitals Checker dan PageSpeed Checker untuk mengumpulkan evidence sebelum mengubah implementasi.
Core Web Vitals Bukan Satu-satunya Hal dalam SEO
Google merekomendasikan CWV yang baik untuk Search dan pengalaman pengguna, tetapi halaman tetap membutuhkan konten relevan, crawlability, indexing, internal link, dan intent yang benar. Jangan menghapus fitur penting atau konten berguna hanya untuk menaikkan skor beberapa poin. Prioritaskan perubahan yang memperbaiki pengalaman nyata tanpa merusak fungsi halaman.
