Core Web Vitals adalah tiga metrik yang ditetapkan Google untuk mengukur pengalaman pengguna sebuah halaman web secara objektif: kecepatan pemuatan, kecepatan respons terhadap interaksi, dan stabilitas visual. Sejak 2021, metrik ini menjadi bagian resmi dari sinyal peringkat Google — faktor yang kecil, tetapi nyata.
Apa itu Core Web Vitals?
Ketiga metrik tersebut adalah:
- LCP (Largest Contentful Paint): Berapa lama waktu yang dibutuhkan hingga elemen visual terbesar di halaman muncul.
- INP (Interaction to Next Paint): Berapa lama waktu yang dibutuhkan halaman untuk merespons klik/sentuhan pengguna.
- CLS (Cumulative Layout Shift): Seberapa banyak elemen berpindah posisi secara tak terduga saat halaman dimuat.
Ketiganya dihitung dari data pengguna nyata (telemetri anonim pengguna Chrome); bukan uji laboratorium, melainkan pengalaman nyata dari pengunjung nyata.
LCP — Largest Contentful Paint
LCP adalah saat pengguna merasa "halaman sudah dimuat" — biasanya berupa gambar hero, blok judul, atau frame sampul video berukuran besar. Nilai ambang batas Google:
| Nilai | Penilaian |
|---|---|
| 2.5 detik atau kurang | Baik |
| 2.5 – 4 detik | Perlu perbaikan |
| Lebih dari 4 detik | Buruk |
Penyebab paling umum: gambar besar yang tidak dioptimalkan, waktu respons server yang lambat, file CSS/JS yang memblokir render, dan font yang dimuat terlambat.
INP — Interaction to Next Paint
INP, yang pada 2024 menggantikan metrik lama FID (First Input Delay), tidak hanya mengukur satu interaksi pertama, tetapi kecepatan respons seluruh interaksi di halaman. Metrik ini mendeteksi apakah layar membeku saat Anda menekan sebuah tombol.
| Nilai | Penilaian |
|---|---|
| 200 milidetik atau kurang | Baik |
| 200 – 500 ms | Perlu perbaikan |
| Lebih dari 500 ms | Buruk |
Penyebab paling umum adalah eksekusi JavaScript berat yang menyibukkan thread utama (main thread) dalam waktu lama — terutama skrip pihak ketiga yang berjalan saat halaman dimuat (iklan, live chat, alat analitik) sering kali menjadi pemicunya.
CLS — Cumulative Layout Shift
Saat Anda hendak mengeklik sebuah berita, halaman tiba-tiba bergeser dan Anda malah tidak sengaja mengeklik iklan — itulah tepatnya yang diukur oleh CLS. Gambar tanpa ukuran yang ditentukan, area iklan/banner yang dimuat belakangan, dan font yang dimuat terlambat (font swap) adalah penyebab paling umum.
| Nilai | Penilaian |
|---|---|
| 0.1 atau kurang | Baik |
| 0.1 – 0.25 | Perlu perbaikan |
| Lebih dari 0.25 | Buruk |
Bagaimana sebenarnya pengaruhnya terhadap SEO?
Penting untuk menetapkan ekspektasi yang tepat: Core Web Vitals bukan faktor peringkat sekuat kualitas konten dan kesesuaian dengan maksud pencarian. Menurut penjelasan Google sendiri, metrik ini berfungsi sebagai penentu "di antara dua konten yang sama baiknya" — artinya skor Web Vitals yang tinggi tidak akan menyelamatkan konten yang lemah, tetapi di antara dua halaman berkualitas serupa, halaman yang lebih cepat bisa lebih unggul.
Dampak tidak langsungnya justru lebih besar daripada dampak langsungnya: halaman yang lambat dan tidak stabil membuat pengguna pergi, menaikkan rasio pentalan, menurunkan durasi sesi — dan sinyal perilaku ini memengaruhi peringkat jauh lebih kuat daripada Core Web Vitals.
Bagaimana cara mengukurnya?
- PageSpeed Insights: Menampilkan data pengguna nyata (jika tersedia) sekaligus uji laboratorium dalam satu layar. Titik awal yang paling praktis.
- Search Console → Data Web Inti: Mengelompokkan semua halaman situs Anda dan menunjukkan secara kolektif mana yang "baik", "perlu perbaikan", atau "buruk".
- Chrome DevTools → Lighthouse: Menyajikan analisis instan dan mendetail di konsol pengembang.
Langkah praktis untuk perbaikan
- Ubah gambar ke format modern. Gunakan WebP/AVIF, kompres sesuai ukuran tampilan sebenarnya, dan tunda pemuatan gambar di bawah layar dengan
loading="lazy". - Berikan ukuran tetap pada gambar dan area iklan. Biarkan browser mengetahui berapa banyak ruang yang perlu disediakan sebelum konten dimuat — ini langsung memperbaiki CLS.
- Kurangi sumber daya yang memblokir render. Muat file CSS/JS yang tidak kritis secara tertunda (defer/async).
- Optimalkan font. Gunakan
font-display: swap, dan jangan memuat ketebalan/karakter yang tidak diperlukan. - Batasi skrip pihak ketiga. Setiap skrip live chat, analitik, atau iklan yang Anda tambahkan dapat memperburuk INP; pertahankan hanya yang benar-benar Anda butuhkan.
- Persingkat waktu respons server. Caching dan pemilihan hosting yang baik adalah faktor LCP yang paling sering terlewatkan, padahal paling berpengaruh.
Urutan prioritas: Biasanya keuntungan terbesar datang dari gambar — di sebagian besar situs, sumber masalah LCP adalah satu gambar besar yang tidak dioptimalkan. Perbaiki itu terlebih dahulu, lalu lanjutkan ke poin lainnya.
Jika kecepatan halaman sudah baik tetapi Anda tetap tidak bisa menarik pengunjung, hambatannya ada pada visibilitas — dalam hal ini, Anda dapat membaca panduan meningkatkan CTR kami atau artikel umum kami tentang cara meningkatkan trafik organik.