Apakah itu LCP, CLS, dan INP, dan apakah ambang yang baik?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** ialah tiga metrik lapangan (field) yang Google gunakan untuk memberi skor pengalaman pengguna sebenar: **LCP** (pemuatan), **CLS** (kestabilan visual), dan **INP** (responsif).

## Apa yang setiap satu ukur

- **LCP — Largest Contentful Paint**: masa sehingga elemen kelihatan yang terbesar (imej hero, tajuk utama) dirender. Ia menjawab "adakah kandungan utama muncul dengan pantas?"
- **CLS — Cumulative Layout Shift**: sebanyak mana kandungan melonjak-lonjak secara tidak dijangka semasa pemuatan. Ia menjawab "adakah halaman kekal stabil?"
- **INP — Interaction to Next Paint**: sepantas mana halaman bertindak balas kepada ketik/klik/tekan-kekunci sepanjang keseluruhan lawatan. Ia menjawab "adakah ia terasa pantas?" INP menggantikan FID pada Mac 2024.

## Ambang yang baik

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

Google memberi gred pada **persentil ke-75** pengguna sebenar — jadi "baik" bermaksud 75% lawatan mencapai sasaran, bukan hanya ujian pantas anda pada komputer riba yang pantas.

## Mengapa ia penting

Penemu duga bertanya ini untuk memeriksa bahawa anda mengetahui metrik *semasa* (INP, bukan FID) dan ambangnya. Skor ini menyuap ranking Google Search dan berkait terus dengan kadar lantunan (bounce rate) serta penukaran (conversion), jadi mengetahui apa yang setiap satu ukur memberitahu anda di mana perlu memfokus pada halaman yang perlahan.

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

Apa yang setiap satu ukur

Ambang yang baik

Mengapa ia penting

Soalan berkaitan