Czym są LCP, CLS i INP oraz jakie są dobre progi?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** to trzy metryki terenowe (field), których Google używa do oceny rzeczywistych doświadczeń użytkownika: **LCP** (ładowanie), **CLS** (stabilność wizualna) i **INP** (responsywność).

## Co mierzy każda z nich

- **LCP — Largest Contentful Paint**: czas do wyrenderowania największego widocznego elementu (obraz bohatera, nagłówek). Odpowiada na pytanie "czy główna treść pojawiła się szybko?"
- **CLS — Cumulative Layout Shift**: jak bardzo treść nieoczekiwanie skacze podczas ładowania. Odpowiada na pytanie "czy strona pozostała stabilna?"
- **INP — Interaction to Next Paint**: jak szybko strona reaguje na dotknięcia/kliknięcia/naciśnięcia klawiszy w trakcie całej wizyty. Odpowiada na pytanie "czy sprawia wrażenie żwawej?" INP zastąpiło FID w marcu 2024.

## Dobre progi

| Metryka | Dobrze | Wymaga poprawy | Słabo |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

Google ocenia na **75. percentylu** rzeczywistych użytkowników — więc "dobrze" oznacza, że 75% wizyt trafia w cel, a nie tylko twój szybki test na szybkim laptopie.

## Dlaczego to ważne

Rekruterzy pytają o to, aby sprawdzić, czy znasz *aktualne* metryki (INP, nie FID) i ich progi. Te wyniki zasilają ranking Google Search i korelują bezpośrednio ze współczynnikiem odrzuceń oraz konwersjami, więc wiedza, co mierzy każda z nich, mówi ci, na czym skupić się na wolnej stronie.

Metryka	Dobrze	Wymaga poprawy	Słabo
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

Co mierzy każda z nich

Dobre progi

Dlaczego to ważne

Powiązane pytania