Apa Itu Core Web Vitals?
Core Web Vitals adalah sekumpulan metrik yang ditetapkan Google untuk mengukur pengalaman pengguna di halaman web. Metrik ini menjadi faktor ranking di hasil pencarian Google. Pada tahun 2026, Google terus menyempurnakan metrik ini agar lebih akurat mencerminkan pengalaman nyata pengguna.
Tiga metrik utama Core Web Vitals adalah LCP (Largest Contentful Paint), INP (Interaction to Next Paint), dan CLS (Cumulative Layout Shift). Setiap metrik mengukur aspek berbeda dari pengalaman pengguna: kecepatan loading, responsivitas interaksi, dan stabilitas visual.
LCP: Largest Contentful Paint
LCP mengukur waktu yang dibutuhkan untuk merender elemen terbesar di viewport (biasanya gambar hero atau heading). Target yang baik adalah di bawah 2.5 detik.
Cara mengoptimalkan LCP:
- Optimasi gambar (kompresi, format WebP/AVIF, lazy loading yang tepat).
- Gunakan CDN untuk mengirim aset dari lokasi terdekat pengguna.
- Preload resource kritis (font, gambar hero).
- Hindari render-blocking JavaScript dan CSS.
- Pilih hosting dengan TTFB (Time to First Byte) rendah.
INP: Interaction to Next Paint
INP menggantikan FID (First Input Delay) sebagai metrik responsivitas. INP mengukur latensi interaksi terburuk yang dialami pengguna sepanjang sesi, bukan hanya interaksi pertama. Target yang baik adalah di bawah 200 milidetik.
Cara mengoptimalkan INP:
- Kurangi JavaScript yang berjalan di main thread.
- Pecah task panjang menjadi chunk kecil (chunking).
- Gunakan web workers untuk komputasi berat.
- Optimasi event handler (debounce, throttle).
- Hindari third-party script yang memblokir main thread.
CLS: Cumulative Layout Shift
CLS mengukur seberapa banyak elemen berpindah posisi secara tidak terduga selama loading. Target yang baik adalah di bawah 0.1. Layout shift sering disebabkan oleh gambar tanpa dimensi, iklan yang dimuat terlambat, atau font yang berubah ukuran.
Cara mengoptimalkan CLS:
- Selalu set width dan height pada gambar dan video.
- Gunakan CSS aspect-ratio untuk elemen media.
- Reserve space untuk iklan dan embed sebelum dimuat.
- Gunakan font-display: optional atau swap dengan fallback yang mirip.
- Hindari menyisipkan konten baru di atas konten yang sudah ada.
Metrik Pendukung yang Perlu Diperhatikan
Selain tiga metrik utama, Google juga memantau metrik pendukung:
- TTFB (Time to First Byte): Waktu hingga byte pertama diterima. Target di bawah 800ms.
- FCP (First Contentful Paint): Waktu hingga konten pertama muncul. Target di bawah 1.8 detik.
- TBT (Total Blocking Time): Total waktu main thread diblokir. Target di bawah 200ms.
Tools untuk Mengukur Core Web Vitals
- Google PageSpeed Insights: Laporan lab dan field data untuk URL tertentu.
- Google Search Console: Laporan Core Web Vitals untuk seluruh situs.
- Chrome UX Report (CrUX): Data pengalaman pengguna nyata.
- Lighthouse: Audit performa di Chrome DevTools.
- Web Vitals Extension: Ekstensi Chrome untuk monitoring real-time.
Kesimpulan
Core Web Vitals adalah investasi jangka panjang untuk SEO dan pengalaman pengguna. Dengan fokus pada LCP, INP, dan CLS, Anda dapat meningkatkan ranking Google sekaligus kepuasan pengunjung. Optimasi performa bukan proyek satu kali, melainkan proses berkelanjutan yang harus dimonitor dan diperbaiki secara rutin.
