Core Web Vitals
Core Web Vitals adalah tiga metrik yang dipakai Google untuk mengukur pengalaman halaman: LCP (kecepatan memuat konten utama), INP (responsivitas terhadap interaksi), dan CLS (stabilitas visual). Sejak 2024, INP menggantikan FID.
Ambang yang dipakai
| Metrik | Arti | Baik | Perlu perbaikan | Buruk |
|---|---|---|---|---|
| LCP | Waktu elemen terbesar terlihat | ≤ 2,5 dtk | 2,5–4 dtk | > 4 dtk |
| INP | Respons terhadap klik/ketikan | ≤ 200 ms | 200–500 ms | > 500 ms |
| CLS | Pergeseran layout tak terduga | ≤ 0,1 | 0,1–0,25 | > 0,25 |
Angka ini diukur pada data lapangan (CrUX), bukan hanya lab. Hasil PageSpeed Insights bisa berbeda dari pengalaman pengguna nyata karena perangkat, jaringan, dan lokasi.
Penyebab yang sering
- LCP lambat: gambar hero besar, TTFB tinggi, render-blocking CSS/JS, font lambat.
- INP buruk: JavaScript berat, event handler panjang, third-party script, hidrasi lambat.
- CLS tinggi: gambar tanpa dimensi, iklan/embed yang menyisip, font swap yang menggeser teks.
Cara memperbaiki tanpa menebak
Ukur dulu di PageSpeed Insights dan Search Console → Core Web Vitals. Perbaiki penyebab terbesar, lalu ukur lagi setelah cache dan CDN konsisten. Untuk LCP, cek TTFB dan web cache. Untuk aset, kompresi dan CDN sering membantu.
Yang perlu diperhatikan
- Field data menang. Lab data bagus belum tentu field data bagus.
- Mobile lebih ketat. Uji di perangkat dan jaringan yang realistis.
- Third-party script mahal. Setiap tag analitik atau chat menambah biaya JS.
- Jangan mengejar skor 100. Yang penting ambang metrik, bukan angka kosmetik.
Ukur sebelum dan sesudah perubahan agar dampaknya terlihat.
FAQ
Apakah Core Web Vitals faktor peringkat?
Google memakai page experience sebagai salah satu sinyal, tetapi relevansi dan kualitas konten tetap jauh lebih besar.
Mengapa skor lab bagus tetapi field data buruk?
Lab biasanya memakai perangkat dan jaringan cepat. Field data mencerminkan pengunjung nyata dengan perangkat, lokasi, dan koneksi yang beragam.
Metrik mana yang harus diperbaiki dulu?
Mulai dari LCP jika halaman terasa lambat, lalu INP jika interaksi tersendat. CLS biasanya paling murah diperbaiki dengan menetapkan dimensi gambar.
Disclaimer: Artikel WikiHosting disusun untuk tujuan edukasi dan referensi. Teknologi hosting terus berkembang, sehingga beberapa informasi teknis mungkin berubah seiring waktu.
