Apa itu LCP, CLS, dan INP, dan berapa threshold yang baik?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** adalah tiga metrik field yang digunakan Google untuk menilai pengalaman pengguna nyata: **LCP** (loading), **CLS** (stabilitas visual), dan **INP** (responsivitas).

## Apa yang diukur masing-masing

- **LCP — Largest Contentful Paint**: waktu hingga elemen terlihat terbesar (hero image, headline) selesai dirender. Ia menjawab "apakah konten utama muncul dengan cepat?"
- **CLS — Cumulative Layout Shift**: seberapa banyak konten melompat-lompat secara tak terduga saat loading. Ia menjawab "apakah halaman tetap stabil?"
- **INP — Interaction to Next Paint**: seberapa cepat halaman merespons tap/klik/penekanan tombol sepanjang seluruh kunjungan. Ia menjawab "apakah terasa gesit?" INP menggantikan FID pada Maret 2024.

## Threshold yang baik

| Metrik | Baik | Perlu perbaikan | Buruk |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

Google menilai pada **persentil ke-75** dari pengguna nyata — jadi "baik" berarti 75% kunjungan mencapai target, bukan sekadar tes cepatmu di laptop yang cepat.

## Mengapa ini penting

Pewawancara menanyakan ini untuk memeriksa apakah kamu tahu metrik *terkini* (INP, bukan FID) dan threshold-nya. Skor ini memberi masukan pada ranking Google Search dan berkorelasi langsung dengan bounce rate dan konversi, jadi mengetahui apa yang diukur masing-masing memberitahumu di mana harus fokus untuk halaman yang lambat.

Metrik	Baik	Perlu perbaikan	Buruk
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

Apa yang diukur masing-masing

Threshold yang baik

Mengapa ini penting

Pertanyaan terkait