SEO Teknis

Core Web Vitals Dijelaskan: LCP, CLS, INP

Core Web Vitals adalah tiga metrik spesifik yang digunakan Google untuk mengukur pengalaman pengguna nyata di situs Anda: seberapa cepat halaman dimuat, seberapa stabil tampilannya saat dimuat, dan seberapa responsif halaman saat seseorang berinteraksi dengannya.

Metrik ini merupakan bagian dari sinyal peringkat Google — bukan faktor terbesar, tetapi skor yang buruk dapat menghambat halaman yang sebenarnya sudah dioptimalkan dengan baik. Berikut penjelasan tepat tentang apa yang diukur oleh setiap metrik dan cara memperbaikinya.

Tiga Core Web Vitals

🖼️ LCP — Largest Contentful Paint

Mengukur berapa lama waktu yang dibutuhkan elemen terlihat terbesar (biasanya gambar hero atau judul) untuk sepenuhnya dirender. Ini adalah jawaban situs Anda atas pertanyaan "apakah ini terasa cepat dimuat?"

📐 CLS — Cumulative Layout Shift

Mengukur stabilitas visual — seberapa banyak konten bergeser secara tak terduga saat halaman dimuat. Pernahkah Anda mencoba mengklik tombol lalu iklan muncul di atasnya sehingga semua konten bergeser ke bawah? Itulah yang disebut layout shift.

⚡ INP — Interaction to Next Paint

Mengukur responsivitas — berapa lama waktu yang dibutuhkan halaman untuk merespons secara visual setelah pengguna mengklik, mengetuk, atau mengetik. INP menggantikan metrik First Input Delay (FID) yang lebih lama pada tahun 2024.

Apa yang Dianggap Skor Bagus?

Metrik	Baik	Perlu Perbaikan	Buruk
LCP	≤ 2,5 dtk	2,5 dtk – 4 dtk	> 4 dtk
CLS	≤ 0,1	0,1 – 0,25	> 0,25
INP	≤ 200 md	200 md – 500 md	> 500 md

Cara Memperbaiki LCP yang Buruk

Kompres dan sesuaikan ukuran gambar hero (gunakan format modern seperti WebP)
Muat lebih awal (preload) aset penting seperti font dan gambar hero
Hapus CSS dan JavaScript yang memblokir render dari pemuatan halaman awal
Gunakan CDN jika audiens Anda tersebar secara geografis
Tingkatkan waktu respons server yang lambat (Time to First Byte)

Cara Memperbaiki CLS yang Buruk

Selalu tetapkan atribut lebar dan tinggi yang eksplisit pada gambar dan video
Cadangkan ruang untuk iklan dan embed sebelum dimuat
Hindari menyisipkan konten di atas konten yang sudah ada secara dinamis
Muat font kustom dengan cara yang menghindari layout shift yang terlihat saat penggantian font

Cara Memperbaiki INP yang Buruk

Pecah tugas JavaScript panjang yang memblokir thread utama
Kurangi eksekusi JavaScript yang tidak perlu saat interaksi
Tunda skrip yang tidak kritis hingga setelah halaman bisa diinteraksikan
Hindari skrip pihak ketiga yang berat yang bersaing memperebutkan thread utama

Di Mana Memeriksa Skor Anda

Gunakan laporan Core Web Vitals di Google Search Console untuk data dunia nyata yang dikumpulkan dari pengunjung nyata (sumber paling andal), atau PageSpeed Insights untuk uji lab instan pada halaman mana pun.

Pertanyaan yang Sering Diajukan

Apakah Core Web Vitals merupakan faktor peringkat Google secara langsung?

Ya, metrik ini merupakan bagian dari sinyal pengalaman halaman Google, meskipun relevansi konten tetap lebih penting secara keseluruhan. Core Web Vitals yang buruk dapat menghambat halaman yang sebenarnya sudah kuat.

Berapa skor LCP yang baik?

Di bawah 2,5 detik dianggap baik. Antara 2,5 dan 4 detik perlu perbaikan. Di atas 4 detik dianggap buruk.

Bagaimana cara memeriksa Core Web Vitals saya?

Gunakan laporan Core Web Vitals di Google Search Console untuk data pengguna nyata, atau PageSpeed Insights untuk uji lab satu halaman.

Apa yang menggantikan First Input Delay (FID)?

Interaction to Next Paint (INP) menggantikan FID sebagai metrik responsivitas resmi Google pada tahun 2024, mengukur keseluruhan interaksi dan bukan hanya penundaan input awal.

NOXEL SEO mengukur ketiga Core Web Vitals secara otomatis dalam setiap pemindaian.

Periksa Core Web Vitals Anda secara gratis →