Core Web Vitals : mengoptimalkan kecepatan dan pengalaman
8 min
Core Web Vitals (LCP, INP, CLS) adalah faktor peringkat resmi di Google. LCP di bawah 2,5 detik, INP di bawah 200 ms, dan CLS di bawah 0,1 merupakan ambang batas 'baik'. Prioritas utama : mengoptimalkan gambar dan menunda JavaScript yang tidak kritis.
Sejak 2021, Google mengintegrasikan Core Web Vitals ke dalam algoritma peringkatnya. Di tahun 2026, metrik ini tidak hanya memengaruhi posisi, tetapi juga kelayakan mendapatkan rich results pada perangkat mobile. Berikut cara menguasainya.
Tiga metrik yang benar-benar penting
Google memilih tiga sinyal untuk mengukur pengalaman pengguna nyata : LCP (Largest Contentful Paint), INP (Interaction to Next Paint), dan CLS (Cumulative Layout Shift). Masing-masing mengukur aspek yang berbeda dari kualitas yang dirasakan.
INP menggantikan FID sejak Maret 2024 ; ia mengukur responsivitas keseluruhan terhadap semua interaksi pada halaman, sedangkan FID hanya menangkap klik pertama.
- LCP : waktu sebelum elemen terbesar yang terlihat dirender. Ambang batas baik : di bawah 2,5 detik.
- INP : waktu tunda respons terhadap interaksi keyboard/mouse/sentuh. Ambang batas baik : di bawah 200 ms.
- CLS : ketidakstabilan visual tata letak halaman. Ambang batas baik : di bawah 0,1.
Penyebab umum performa yang buruk
LCP yang buruk paling sering disebabkan oleh gambar hero yang tidak di-preload, server yang lambat, atau rendering sisi klien (tanpa SSR). Sebuah tag <link rel='preload'> yang menargetkan gambar utama sering kali mengurangi skor ini sebesar 30 hingga 50 %.
CLS hampir selalu disebabkan oleh gambar tanpa dimensi eksplisit, font web yang muncul setelah pemuatan, atau banner yang diinjeksikan secara dinamis di bagian atas halaman.
Untuk INP, penyebab utama adalah skrip pihak ketiga (analitik, obrolan, iklan) yang memblokir thread utama dan menunda respons terhadap klik.
Halaman yang mencapai ambang batas 'baik' pada ketiga metrik menunjukkan tingkat pentalan 15 hingga 25 % lebih rendah dibandingkan halaman yang dinilai 'buruk'.
Studi sektoral 2025-2026 tentang pengalaman pengguna web
Rencana tindakan berdasarkan prioritas
Mulailah dengan mengukur data lapangan Anda di Google Search Console (laporan Pengalaman Halaman) daripada data lab : hanya data CrUX yang memengaruhi peringkat.
Setelah halaman prioritas teridentifikasi, bertindaklah dalam urutan ini : kompresi dan dimensi gambar, aktifkan cache browser jangka panjang, kemudian audit dan tunda skrip pihak ketiga.
- Sajikan gambar dalam format WebP atau AVIF dengan srcset adaptif.
- Aktifkan kompresi Brotli pada server dan CDN untuk mengurangi TTFB.
- Gunakan font-display: swap dan preload font utama.
- Audit setiap skrip pihak ketiga dan muat dalam mode defer atau async.
Pemantauan berkelanjutan
Core Web Vitals berubah dengan setiap penerapan. Integrasikan Lighthouse CI dalam pipeline penerapan Anda untuk mendeteksi regresi sebelum produksi.
Konfigurasikan peringatan di Search Console atau melalui API CrUX untuk mendapat notifikasi segera saat sebuah URL masuk zona 'perlu ditingkatkan' atau 'buruk'.
FAQ
Apakah Core Web Vitals merupakan faktor peringkat utama?
Google menyebutnya sebagai 'sinyal peringkat ringan' dibandingkan relevansi konten. Mereka dapat membuat perbedaan antara dua halaman berkualitas setara, tetapi tidak dapat mengkompensasi konten yang lemah.
Haruskah diukur di mobile atau desktop?
Google terutama menggunakan data mobile dalam konteks pengindeksan mobile-first. Fokuskan upaya Anda pada mobile, meski lalu lintas Anda sebagian besar berasal dari desktop.
Apakah PageSpeed Insights sudah cukup untuk mengaudit Core Web Vitals?
PageSpeed Insights menampilkan data lab (simulasi) dan data lapangan CrUX jika lalu lintas mencukupi. Untuk audit lengkap, kombinasikan dengan Search Console dan ekstensi Chrome Web Vitals.
Berapa lama sebelum melihat dampak pada posisi setelah perbaikan?
Google memperbarui data CrUX setiap bulan. Peningkatan yang dilakukan hari ini umumnya tercermin dalam peringkat dalam empat hingga delapan minggu.