Mitä LCP, CLS ja INP ovat, ja mitkä ovat hyvät raja-arvot?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** ovat kolme kenttämittaria, joita Google käyttää arvioidakseen todellista käyttäjäkokemusta: **LCP** (lataus), **CLS** (visuaalinen vakaus) ja **INP** (reagointikyky).

## Mitä kukin mittaa

- **LCP — Largest Contentful Paint**: aika, kunnes suurin näkyvä elementti (hero-kuva, otsikko) on renderöity. Se vastaa kysymykseen "ilmestyikö pääsisältö nopeasti?"
- **CLS — Cumulative Layout Shift**: kuinka paljon sisältö hyppii odottamattomasti latautuessa. Se vastaa kysymykseen "pysyikö sivu vakaana?"
- **INP — Interaction to Next Paint**: kuinka nopeasti sivu reagoi napautuksiin/klikkauksiin/näppäinpainalluksiin koko käynnin aikana. Se vastaa kysymykseen "tuntuuko se nopealta?" INP korvasi FID:n maaliskuussa 2024.

## Hyvät raja-arvot

| Mittari | Hyvä | Vaatii työtä | Huono |
|--------|------|-----------|------|
| LCP | ≤ 2,5 s | ≤ 4,0 s | > 4,0 s |
| CLS | ≤ 0,1 | ≤ 0,25 | > 0,25 |
| INP | ≤ 200 ms | ≤ 500 ms | > 500 ms |

Google arvostelee **75. persentiilillä** todellisista käyttäjistä — joten "hyvä" tarkoittaa, että 75 % käynneistä osuu tavoitteeseen, ei vain nopeaa testiäsi nopealla kannettavalla.

## Miksi se on tärkeää

Haastattelijat kysyvät tätä tarkistaakseen, että tunnet *nykyiset* mittarit (INP, ei FID) ja niiden raja-arvot. Nämä pisteet syöttävät Google-hakusijoitusta ja korreloivat suoraan poistumisprosentin ja konversioiden kanssa, joten sen tietäminen, mitä kukin mittaa, kertoo, mihin keskittyä hitaalla sivulla.

Mittari	Hyvä	Vaatii työtä	Huono
LCP	≤ 2,5 s	≤ 4,0 s	> 4,0 s
CLS	≤ 0,1	≤ 0,25	> 0,25
INP	≤ 200 ms	≤ 500 ms	> 500 ms

Mitä kukin mittaa

Hyvät raja-arvot

Miksi se on tärkeää

Aiheeseen liittyvät kysymykset