Core Web Vitals adalah metrik performa dunia nyata yang digunakan oleh Google untuk mengukur user experience (pengalaman pengguna) suatu halaman web. Google menggunakan metrik ini sebagai faktor penentu peringkat pencarian resmi (ranking signal).
Tiga Pilar Utama Core Web Vitals
Ada tiga metrik utama yang harus Anda optimalkan:
- Largest Contentful Paint (LCP): Mengukur kecepatan loading konten utama website. Target di bawah 2.5 detik.
- Cumulative Layout Shift (CLS): Mengukur stabilitas visual halaman saat loading berjalan. Target di bawah 0.1.
- Interaction to Next Paint (INP): Mengukur responsivitas halaman saat menerima input pengguna. Target di bawah 200ms.
Cara Mengoptimalkan LCP (Largest Contentful Paint)
LCP biasanya berupa gambar banner utama (hero image) atau blok teks besar. Berikut cara mempercepatnya:
- Gunakan hosting berkualitas tinggi atau Content Delivery Network (CDN) untuk mempercepat waktu respons server (TTFB).
- Kompres gambar dan ubah ke format modern seperti WebP atau AVIF.
- Terapkan fetchpriority="high" pada gambar LCP untuk memicu load lebih awal.
- Hindari render-blocking resources seperti CSS atau JS pihak ketiga yang tidak efisien.
html
<link rel="preload" href="/hero.webp" as="image" fetchpriority="high" />Cara Mencegah Cumulative Layout Shift (CLS)
Pergeseran tata letak yang tidak terduga sangat mengganggu pengunjung. Atasi hal ini dengan:
- Selalu tentukan lebar (width) dan tinggi (height) spesifik pada elemen gambar dan video.
- Pesan ruang (reserve space) untuk slot iklan agar tidak mendorong konten asli saat iklan termuat.
- Gunakan CSS aspect-ratio untuk elemen responsif.
“Situs web dengan optimasi Core Web Vitals yang matang memiliki rasio pentalan (bounce rate) hingga 25% lebih rendah dibandingkan situs lambat.”