Što su LCP, CLS i INP i koji su dobri pragovi?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** su tri terenske metrike koje Google koristi za ocjenu stvarnog korisničkog iskustva: **LCP** (učitavanje), **CLS** (vizualna stabilnost) i **INP** (odzivnost).

## Što svaka mjeri

- **LCP — Largest Contentful Paint**: vrijeme dok se ne renderira najveći vidljivi element (hero slika, naslov). Odgovara na pitanje "je li se glavni sadržaj pojavio brzo?"
- **CLS — Cumulative Layout Shift**: koliko se sadržaj neočekivano pomiče tijekom učitavanja. Odgovara na pitanje "je li stranica ostala stabilna?"
- **INP — Interaction to Next Paint**: koliko brzo stranica odgovara na dodire/klikove/pritiske tipki kroz cijeli posjet. Odgovara na pitanje "djeluje li žustro?" INP je zamijenio FID u ožujku 2024.

## Dobri pragovi

| Metrika | Dobro | Treba popraviti | Loše |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

Google ocjenjuje na **75. percentilu** stvarnih korisnika — pa "dobro" znači da 75% posjeta pogađa cilj, a ne samo vaš brzi test na brzom laptopu.

## Zašto je to važno

Ispitivači ovo pitaju da provjere znate li *aktualne* metrike (INP, ne FID) i njihove pragove. Ove ocjene napajaju rangiranje u Google pretrazi i izravno koreliraju sa stopom napuštanja i konverzijama, pa vam znanje što svaka mjeri govori na što se usredotočiti na sporoj stranici.

Metrika	Dobro	Treba popraviti	Loše
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

Što svaka mjeri

Dobri pragovi

Zašto je to važno

Povezana pitanja