Diperbarui 4 Juli 2026
Core Web Vitals adalah tiga metrik yang dipakai Google untuk menilai pengalaman nyata pengunjung website Anda, dan ikut memengaruhi peringkat. Kabar baiknya, sebagian besar masalahnya berulang dan bisa diperbaiki tanpa harus jadi programmer. Panduan ini menjelaskan cara memperbaiki Core Web Vitals satu per satu: LCP, INP, dan CLS.
Apa itu Core Web Vitals dan target angkanya
Core Web Vitals terdiri dari tiga metrik. LCP (Largest Contentful Paint) mengukur seberapa cepat konten utama muncul. INP (Interaction to Next Paint) mengukur seberapa responsif halaman saat diklik atau disentuh. CLS (Cumulative Layout Shift) mengukur seberapa stabil tata letak, yakni apakah elemen tiba-tiba bergeser. Google menetapkan ambang berikut.
| Metrik | Baik | Perlu perbaikan | Buruk |
|---|---|---|---|
| LCP | ≤ 2,5 detik | 2,5 – 4 detik | > 4 detik |
| INP | ≤ 200 ms | 200 – 500 ms | > 500 ms |
| CLS | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
Ukur dulu sebelum memperbaiki. Anda bisa memakai PageSpeed Insights atau menjalankan audit yang mengukur Core Web Vitals per halaman, lalu fokus ke halaman dengan trafik tertinggi.
Cara memperbaiki LCP (kecepatan memuat)
LCP biasanya ditentukan oleh gambar besar di bagian atas halaman atau oleh server yang lambat merespons. Langkah paling berdampak:
- Kompres dan perkecil gambar hero; gunakan format modern seperti WebP atau AVIF, dan jangan kirim gambar jauh lebih besar dari ukuran tampilnya.
- Beri atribut lebar dan tinggi eksplisit, serta preload gambar hero dan font penting.
- Kurangi waktu respons server dengan caching dan, bila memungkinkan, CDN.
- Hilangkan CSS/JS yang memblokir render di bagian atas; muat yang tidak penting secara ditunda (defer).
- Gunakan fetchpriority tinggi hanya untuk media hero, bukan semua gambar.
Cara memperbaiki INP (responsivitas)
INP buruk biasanya karena JavaScript berat yang membuat thread utama sibuk sehingga klik terasa lambat. Perbaikannya berfokus pada mengurangi dan memecah pekerjaan JavaScript:
- Pecah tugas JavaScript panjang menjadi bagian kecil agar browser sempat merespons interaksi.
- Tunda (defer) skrip yang tidak dibutuhkan saat halaman pertama dimuat.
- Audit skrip pihak ketiga (chat, analitik, iklan); hapus yang tidak esensial atau muat belakangan.
- Pindahkan komputasi berat ke web worker bila memungkinkan.
Cara memperbaiki CLS (stabilitas tata letak)
CLS terjadi ketika elemen bergeser setelah halaman mulai tampil, misalnya gambar tanpa ukuran atau iklan yang muncul mendadak. Cara mencegahnya:
- Selalu tetapkan lebar dan tinggi pada gambar dan video, atau gunakan rasio aspek.
- Sediakan ruang tetap untuk iklan, banner, dan embed sebelum kontennya dimuat.
- Hindari menyisipkan konten baru di atas konten yang sudah tampil.
- Muat font dengan font-display swap dan preload font utama agar teks tidak menggeser tata letak.
Urutan prioritas dan cara mengecek hasilnya
Jangan perbaiki semua sekaligus. Mulai dari halaman bertrafik tinggi dan dari metrik yang statusnya buruk. Setelah menerapkan perbaikan, audit ulang untuk memastikan angkanya membaik, karena satu perubahan kadang memengaruhi metrik lain.
SEO Fixindo mengukur Core Web Vitals per halaman dan menandai statusnya, lalu memberi langkah perbaikan yang bisa langsung diterapkan. Anda bisa melihat contoh laporannya atau membaca panduan lengkap untuk detail penerapannya.
Pertanyaan yang sering diajukan
- Berapa lama perbaikan Core Web Vitals terlihat di Google?
- Perubahan pada halaman langsung terukur di lab (PageSpeed Insights). Namun data lapangan yang dipakai Google berbasis pengalaman pengguna 28 hari, jadi dampak penuh ke peringkat biasanya terlihat beberapa minggu setelah perbaikan.
- Apakah Core Web Vitals memengaruhi peringkat?
- Ya. Core Web Vitals adalah salah satu sinyal pengalaman halaman yang dipakai Google. Bukan satu-satunya faktor, tetapi halaman yang lambat dan tidak stabil cenderung tertinggal.
- Apa metrik yang paling berpengaruh?
- Tergantung website Anda. Umumnya LCP paling sering bermasalah karena gambar hero yang berat. Cek dulu metrik mana yang berstatus buruk, lalu prioritaskan yang itu.
- Apakah bisa memperbaiki tanpa jadi programmer?
- Sebagian besar bisa. Kompresi gambar, menetapkan ukuran gambar, mengaktifkan caching, dan menunda skrip pihak ketiga tidak butuh koding rumit. Tool audit yang memberi fix siap pakai sangat membantu di sini.
- Apa bedanya data lab dan data lapangan?
- Data lab adalah simulasi di lingkungan terkontrol, berguna untuk diagnosis cepat. Data lapangan berasal dari pengunjung nyata dan itulah yang dipakai Google untuk penilaian.
Cek Core Web Vitals website Anda, gratis
Jalankan audit untuk melihat status LCP, INP, dan CLS per halaman, lengkap dengan langkah perbaikan yang bisa langsung diterapkan.
Mulai audit gratis