Apa Itu Core Web Vitals?
Core Web Vitals adalah sekumpulan metrik yang digunakan Google untuk mengukur pengalaman pengguna di sebuah website. Sejak resmi menjadi faktor ranking pada 2021 dan terus diperbarui, website yang mendapat skor buruk di metrik ini akan kesulitan bersaing di hasil pencarian Google — tidak peduli seberapa bagus kontennya.
Ada tiga metrik utama Core Web Vitals yang perlu kamu pahami:
1. LCP — Largest Contentful Paint
LCP mengukur seberapa cepat konten terbesar (biasanya gambar hero atau teks utama) di halaman kamu selesai dimuat.
⚠️ Penyebab LCP buruk: Gambar tidak dikompres, hosting lambat, JavaScript yang memblokir render, tidak ada CDN.
2. INP — Interaction to Next Paint
Sejak Maret 2024, Google mengganti First Input Delay (FID) dengan INP. Metrik ini mengukur seberapa cepat halaman merespons setiap interaksi pengguna — klik tombol, isi form, dan sebagainya.
⚠️ Penyebab INP buruk: JavaScript terlalu besar/berat, efek animasi berlebihan, third-party scripts yang lambat.
3. CLS — Cumulative Layout Shift
CLS mengukur seberapa stabil tata letak halaman saat dimuat. Pernah mengalami situasi di mana kamu mau klik tombol, tiba-tiba layoutnya bergeser dan kamu malah klik hal yang salah? Itulah masalah CLS.
⚠️ Penyebab CLS buruk: Gambar tanpa dimensi yang ditetapkan, iklan yang muncul tiba-tiba, font yang diganti saat loading.
Cara Mengukur Core Web Vitals Website Kamu
- Google Search Console — laporan tersedia langsung di dashboard.
- PageSpeed Insights (pagespeed.web.dev) — analisis mendalam per halaman.
- Audit Website Gratis Diginstra — cek di sini untuk laporan lengkap.
Langkah Konkret Meningkatkan Core Web Vitals
🎯 Untuk LCP:
- Kompres gambar & gunakan WebP
- Gunakan hosting / CDN cepat
- Aktifkan browser caching
- Lazy loading untuk gambar di bawah layar
🎯 Untuk INP:
- Minimasi & defer JavaScript non-kritis
- Kurangi third-party scripts (tracking, chat)
- Optimalkan event listener di halaman
🎯 Untuk CLS:
- Tentukan width & height pada tag
<img> - Reservasi ruang untuk iklan/embed
- Gunakan
font-display: swap
Butuh Bantuan Optimasi Core Web Vitals?
Optimasi teknikal adalah spesialisasi Diginstra Tech Solutions. Tim kami akan mengaudit skor Core Web Vitals website kamu dan memberikan roadmap perbaikan yang terukur.