Core Web Vitals bukan sekadar metrics teknis — mereka adalah bahasa yang digunakan Google untuk mengukur pengalaman nyata pengguna di website Anda. Dan pengalaman buruk berarti ranking lebih rendah, bounce rate lebih tinggi, dan konversi yang jeblok.
Tiga Metrik Utama Core Web Vitals
1. Largest Contentful Paint (LCP)
Mengukur berapa lama elemen konten terbesar muncul di layar. Target: < 2.5 detik.
Cara meningkatkan: Preload hero image, gunakan image CDN, optimalkan server response time.
2. Cumulative Layout Shift (CLS)
Mengukur stabilitas visual halaman — apakah elemen "melompat" saat halaman dimuat. Target: < 0.1.
Cara meningkatkan: Definisikan width dan height pada semua gambar, hindari dynamically injected content di atas fold.
3. Interaction to Next Paint (INP)
Menggantikan FID sejak Maret 2024. Mengukur responsivitas browser terhadap interaksi pengguna. Target: < 200ms.
Cara meningkatkan: Minimalisir heavy JavaScript, gunakan web workers untuk tugas berat.
Checklist Optimasi
- ✅ Gunakan format WebP atau AVIF untuk semua gambar
- ✅ Implementasikan lazy loading untuk gambar di bawah fold
- ✅ Minify dan compress CSS, JavaScript
- ✅ Enable GZIP/Brotli compression di server
- ✅ Gunakan CDN untuk static assets
- ✅ Preconnect ke domain third-party (Google Fonts, dll)
