Mik azok az LCP, CLS és INP, és mik a jó küszöbértékek?

Question

IT Interview Practice · Accepted Answer

A **Core Web Vitals** három field (terepi) metrika, amelyet a Google a valós felhasználói élmény pontozására használ: **LCP** (betöltés), **CLS** (vizuális stabilitás) és **INP** (reszponzivitás).

## Mit mér mindegyik

- **LCP — Largest Contentful Paint**: az az idő, amíg a legnagyobb látható elem (hero kép, főcím) megjelenik. Arra válaszol, hogy „gyorsan megjelent-e a fő tartalom?”
- **CLS — Cumulative Layout Shift**: mennyire ugrál a tartalom váratlanul betöltés közben. Arra válaszol, hogy „stabil maradt-e az oldal?”
- **INP — Interaction to Next Paint**: milyen gyorsan reagál az oldal a koppintásokra/kattintásokra/billentyűleütésekre a teljes látogatás során. Arra válaszol, hogy „gyorsnak érződik-e?” Az INP 2024 márciusában váltotta le a FID-et.

## Jó küszöbértékek

| Metrika | Jó | Fejlesztendő | Gyenge |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

A Google a valós felhasználók **75. percentilisénél** osztályoz — így a „jó” azt jelenti, hogy a látogatások 75%-a eléri a célt, nem csak a te gyors teszted egy gyors laptopon.

## Miért fontos

Az interjúztatók ezt azért kérdezik, hogy ellenőrizzék, ismered-e a *jelenlegi* metrikákat (INP, nem FID) és a küszöbértékeiket. Ezek a pontszámok beépülnek a Google Search rangsorolásába, és közvetlenül korrelálnak a visszafordulási aránnyal (bounce rate) és a konverziókkal, így ha tudod, mit mér mindegyik, azt is tudod, hol érdemes egy lassú oldalon fókuszálni.

Metrika	Jó	Fejlesztendő	Gyenge
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

Mit mér mindegyik

Jó küszöbértékek

Miért fontos

Kapcsolódó kérdések