Menene LCP, CLS, da INP, kuma menene kyawawan thresholds?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** su ne field metrics guda uku da Google ke amfani da su don ƙididdige ainihin gogewar mai amfani: **LCP** (loading), **CLS** (visual stability), da **INP** (responsiveness).

## Abin da kowanne ke aunawa

- **LCP — Largest Contentful Paint**: lokaci har sai an render mafi girman element da ake gani (hero image, headline). Yana amsa "shin babban abun ciki ya bayyana da sauri?"
- **CLS — Cumulative Layout Shift**: yawan yadda abun ciki ke tsalle ba tsammani yayin loading. Yana amsa "shin page ɗin ya kasance mai tsayawa?"
- **INP — Interaction to Next Paint**: yadda page ke amsa da sauri ga taps/clicks/keypresses a duk ziyarar. Yana amsa "shin yana jin sauri?" INP ya maye gurbin FID a Maris 2024.

## Kyawawan thresholds

| Metric | Kyau | Yana bukatar aiki | Muni |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

Google yana ƙididdigewa a **75th percentile** na ainihin masu amfani — don haka "kyau" yana nufin kashi 75% na ziyarce-ziyarce sun cimma manufa, ba kawai gwajinka mai sauri a kan laptop mai sauri ba.

## Me ya sa yake da muhimmanci

Masu tambayoyi suna yin wannan don duba ko ka san *metrics na yanzu* (INP, ba FID ba) da thresholds ɗinsu. Waɗannan scores suna ciyar da Google Search ranking kuma suna da alaƙa kai tsaye da bounce rate da conversions, don haka sanin abin da kowanne ke aunawa yana gaya maka inda za ka mai da hankali a page mai jinkiri.

Metric	Kyau	Yana bukatar aiki	Muni
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

Abin da kowanne ke aunawa

Kyawawan thresholds

Me ya sa yake da muhimmanci

Tambayoyi masu alaƙa