Core Web Vitals adalah tiga metrik kecepatan dan stabilitas halaman yang dipakai Google untuk menilai pengalaman pengunjung: LCP, INP, dan CLS. Cara cepat mengeceknya: buka PageSpeed Insights, masukkan URL, dan lihat tiga angka di bagian “Nilai inti Web” — LCP di bawah 2,5 detik, INP di bawah 200 milidetik, dan CLS di bawah 0,1 adalah target yang aman.
Memahami Tiga Metriknya dalam Bahasa Sederhana
LCP — Largest Contentful Paint
Mengukur berapa lama elemen terbesar di layar (biasanya gambar utama atau judul hero) selesai tampil. Lembar faktanya: lebih dari separuh pengunjung mobile meninggalkan halaman yang butuh lebih dari 3 detik untuk menampilkan konten utama.
INP — Interaction to Next Paint
Mengukur seberapa cepat halaman merespons ketukan (klik menu, tombol, tombol like). Jika tombol “Tambah ke keranjang” terasa macet setelah ditekan, INP-mu buruk.
CLS — Cumulative Layout Shift
Mengukur seberapa sering elemen halaman “melompat” saat dimuat — misalnya kamu hendak menekan tombol tapi tiba-tiba bergeser karena banner iklan muncul.
Alat Gratis untuk Mengecek
- PageSpeed Insights: laporan instan per URL plus saran perbaikan; paling praktis untuk mulai.
- Search Console → Core Web Vitals: menampilkan per masalah di seluruh situs berdasarkan data pengguna nyata (field data), bukan simulasi.
- Lighthouse di Chrome DevTools (F12 → tab Lighthouse): pengujian lokal sebelum dan sesudah perubahan.
Perbaikan LCP pada Website WordPress
- Kompres dan resize gambar hero. Gambar utama sebaiknya di bawah 200 KB dan berukuran sesuai tampilan. Format WebP memangkas 30–50% ukuran dibanding JPEG.
- Tunda skrip pihak ketiga. Chat widget, pixel iklan, dan embed yang dimuat di atas memperlambat LCP; atur agar dimuat setelah interaksi pertama.
- Aktifkan caching halaman. Plugin caching seperti LiteSpeed Cache atau WP Super Cache mengubah HTML yang dirender ulang menjadi file statis yang dikirim cepat.
- Pastikan gambar hero punya preload bila tema mendukungnya, agar browser mengunduhnya lebih awal.
Perbaikan INP dan CLS
Untuk INP, penyalah terbesar biasanya JavaScript berat: kurangi jumlah plugin yang memuat skrip di semua halaman, dan nonaktifkan fitur yang tidak dipakai di halaman depan. Untuk CLS, selalu isi atribut width dan height (atau aspect-ratio CSS) pada gambar dan reserve ruang untuk elemen iklan/embed agar layout tidak bergeser saat elemen tersebut muncul.
Target dan Frekuensi Pengecekan
Jadwalkan pengecekan bulanan via Search Console dan pengecekan per-URL setiap kali ganti tema, pasang plugin besar, atau ubah halaman depan. Perbaikan bertahap realistis: banyak situs WordPress bisa memangkas LCP dari 4–5 detik ke sekitar 2,5 detik hanya dengan kompresi gambar + caching + menunda skrip pihak ketiga.
FAQ
Apakah Core Web Vitals memengaruhi peringkat Google?
Ya, sebagai sinyal pengalaman halaman, tetapi bobotnya lebih kecil daripada relevansi konten. Anggap ini pembeda saat kontenmu setara dengan kompetitor.
Apakah hosting murah selalu penyebabnya?
Hosting berpengaruh, tetapi pada banyak kasus penyebab utama adalah gambar tak terkompresi dan skrip berlebih; perbaiki dulu dua hal itu sebelum pindah hosting.
Berapa lama hasil perbaikan terlihat di Search Console?
Field data terakumulasi 28 hari, jadi perbaikan besar biasanya terlihat jelas dalam 2–4 minggu.
Skor PageSpeed 100 wajib?
Tidak. Yang penting tiga metrik Core Web Vitals masuk kategori “Baik”; skor 70–90 dengan metrik hijau sudah lebih baik daripada skor 100 di lab tapi metrik nyata oranye.
Kesimpulan
Cek Core Web Vitals via PageSpeed Insights dan Search Console, lalu prioritaskan tiga perbaikan: kompresi gambar hero, caching, dan penundaan skrip pihak ketiga. Ulangi pengecekan tiap bulan dan setelah setiap perubahan besar di situs.
Ditulis oleh Kevin Halim — Digital marketer yang mengelola media sosial beberapa bisnis kecil. Menulis taktik berdasarkan kampanye yang benar-benar dijalankan.
