Core Web Vitals: čo znamenajú LCP, INP a CLS

Krátka odpoveď: Core Web Vitals sú tri čísla, ktorými Google opisuje, ako sa ľuďom používa váš web. LCP hovorí, ako rýchlo uvidia hlavný obsah (dobré je do 2,5 s). INP hovorí, ako rýchlo stránka zareaguje na ťuknutie alebo kliknutie (dobré je do 200 ms). CLS hovorí, či obsah pri načítaní neposkakuje (dobré je do 0,1). Hodnotí sa 75. percentil skutočných návštev, oddelene pre mobil a počítač.

Ak ste niekedy merali web a videli skratky LCP, INP alebo CLS, tento článok je pre vás. Nepotrebujete rozumieť programovaniu. Stačí vedieť, čo ktoré číslo znamená pre zákazníka, ktorý práve otvoril váš web v telefóne.

Čo sú Core Web Vitals

Core Web Vitals (voľne preložené „základné ukazovatele webu“) je súbor troch metrík, ktoré Google vybral ako spoločný základ pre každý web. Každá meria inú vec, ktorú človek na stránke pocíti:

Hranice sú prevzaté z dokumentácie PageSpeed Insights, kde Google vysvetľuje aj to, ako ich hodnotí.

LCP: kedy zákazník uvidí to podstatné

LCP (Largest Contentful Paint) meria, kedy sa na obrazovke zobrazí najväčší prvok, ktorý je vidno bez scrollovania. Na úvodnej stránke to býva veľká fotka alebo banner, na článku nadpis a prvý odsek, v e-shope hlavná fotka produktu.

Pre zákazníka je to chvíľa, keď má pocit, že sa stránka „načítala“. Do tej chvíle hľadí na prázdne alebo polovičné plátno.

Čo LCP najčastejšie kazí:

• veľká fotka v úvodnej časti (hero, slider), nahraná priamo z fotoaparátu,
• pomalý hosting, ktorý dlho odpovedá ešte predtým, než sa začne čokoľvek kresliť,
• písma, štýly a skripty, na ktoré prehliadač musí čakať, kým niečo ukáže.

INP: ako rýchlo web zareaguje

INP (Interaction to Next Paint) meria, ako dlho trvá od ťuknutia, kliknutia alebo stlačenia klávesu po chvíľu, keď stránka viditeľne zareaguje. Sleduje interakcie počas celej návštevy, nielen tú prvú.

V praxi: zákazník ťukne na „Pridať do košíka“, na filter veľkosti alebo na menu a nič sa nedeje. Ťukne znova. Nakoniec sa otvorí dvakrát, alebo odíde.

INP nahradil staršiu metriku FID 12. marca 2024. Google to oznámil na blogu web.dev. Ak niekde ešte čítate o FID, ide o starší návod.

Čo INP najčastejšie kazí: veľa JavaScriptu naraz. Chat, remarketingové kódy, cookie lišta, recenzie, mapy a ťažká šablóna si na telefóne berú procesor a stránka medzitým nereaguje.

CLS: poskakovanie stránky

CLS (Cumulative Layout Shift) meria, ako veľmi sa obsah nečakane posúva. Nie je to čas, ale číslo bez jednotky. Čím bližšie k nule, tým lepšie.

Poznáte to: chcete kliknúť na odkaz, no v tej chvíli sa navrchu dotiahne banner a vy kliknete na niečo iné. Pri formulári alebo košíku je to otravné a niekedy aj drahé.

Čo CLS najčastejšie kazí:

• obrázky a bannery bez vopred určenej veľkosti,
• cookie lišty a pásy s akciou, ktoré sa vsunú nad obsah,
• reklamy a vložené prvky (video, mapa, recenzie), ktoré sa dotiahnu neskôr,
• písmo, ktoré sa po načítaní vymení a zmení dĺžku riadkov.

Prečo 75. percentil

Google neberie priemer ani najlepšiu návštevu. Berie hodnotu, ktorú dosiahne aspoň 75 % návštev. Ak má váš web LCP na 75. percentile 2,3 s, znamená to, že tri štvrtiny návštev videli hlavný obsah do 2,3 s.

Dôvod je jednoduchý: web má fungovať dobre pre väčšinu ľudí, aj tých so slabším telefónom a horším signálom. Mobil a počítač sa hodnotia zvlášť, preto môže web na počítači prejsť a na mobile nie. Viac o rozdieloch v článku Mobil vs počítač.

PageSpeed Insights potom vyhodnotí, či web „prešiel“. Prejde, keď sú všetky tri metriky na 75. percentile v zelenom pásme. Ak Google nemá dosť údajov o INP, rozhodujú LCP a CLS.

Laboratórne a skutočné údaje

Toto je miesto, kde sa najviac ľudí zamotá. Rýchlosť sa dá merať dvoma spôsobmi:

Laboratórne meranie (lab data): nástroj otvorí stránku na simulovanom telefóne s pomalším pripojením a zmeria, čo sa deje. Výsledok máte hneď a pri každom meraní vyjde trochu inak. Odtiaľ pochádza aj známka 0–100.

Údaje skutočných návštevníkov (field data): Google zbiera anonymné údaje od používateľov prehliadača Chrome, ktorí s tým súhlasili. Tento súbor sa volá Chrome User Experience Report (CrUX) a zobrazuje sa za posledných 28 dní. Malé weby ho často nemajú, lebo nemajú dosť návštev.

Sú tu dve dôležité odlišnosti:

1. INP sa v laboratóriu priamo nemeria. Laboratórny test nikam neťuká, preto namiesto INP ukazuje príbuznú metriku TBT (Total Blocking Time), teda koľko času je stránka zablokovaná a nereaguje.
2. Hodnotenie Core Web Vitals vychádza zo skutočných údajov. Známka 0–100 je pomôcka na hľadanie chýb. Čo Google naozaj vidí u vašich zákazníkov, ukazujú údaje za 28 dní.

Preto sa môže stať, že známka je 55 a Core Web Vitals sú zelené, alebo naopak. Nie je to chyba merania. Simulovaný telefón jednoducho nie je to isté ako zmes telefónov vašich zákazníkov.

Majú Core Web Vitals vplyv na Google

Google v dokumentácii pre vyhľadávanie odporúča dosiahnuť dobré Core Web Vitals pre úspech vo vyhľadávaní a pre dobrú skúsenosť návštevníkov. Na súvisiacej stránke o skúsenosti so stránkou však zároveň píše, že dobré výsledky v týchto meraniach nezaručujú prvé miesta a že Google vždy uprednostní najrelevantnejší obsah. Rýchlosť rozhoduje najmä vtedy, keď je užitočných stránok k danej téme veľa.

Pre majiteľa firmy z toho plynie praktický záver: rýchlosť vám sama o sebe prvé miesto nezaistí, ale pomalý web stráca zákazníkov ešte predtým, než si prečítajú, čo ponúkate. Súvislosti rozoberá článok Rýchlosť webu a SEO.

Kde Core Web Vitals uvidíte na rychlostwebu.sk

Keď zmeriate web, výsledok má dve časti:

1. Známka 0–100 pre mobil a počítač. Pod ňou sú laboratórne metriky s ľudskými názvami: *Načítanie hlavného obsahu* (LCP), *Poskakovanie stránky* (CLS), *Čakanie na odozvu* (TBT), *Prvý obsah na obrazovke* a *Rýchlosť vykreslenia*. Každú stránku meriame 3-krát naraz a ukazujeme strednú hodnotu, lebo jednotlivé merania kolíšu.
2. Skutoční návštevníci za posledných 28 dní. Ak má Google o vašom webe dosť údajov, ukážeme LCP, INP aj CLS zvlášť pre mobil a počítač. Keď ich nemá konkrétna adresa, použijú sa údaje za celú doménu. Keď ich nemá ani doména, uvidíte o tom poznámku.

Ako čítať samotnú známku, vysvetľuje článok Čo znamená skóre 0–100. Postup merania krok za krokom je na stránke Ako to funguje.

Čo robiť, keď sú hodnoty červené

Začnite metrikou, ktorá je najhoršia, a pri nej najčastejšou príčinou:

1. Zlé LCP: zmenšite a skomprimujte hlavnú fotku alebo banner, preverte hosting. Návod nájdete v článku Optimalizácia web stránok.
2. Zlé INP alebo vysoké TBT: spíšte si všetky doplnky a externé skripty (chat, remarketing, recenzie, mapy) a vypnite tie, ktoré nič neprinášajú.
3. Zlé CLS: dajte obrázkom a bannerom pevnú veľkosť, cookie lištu zobrazte ako prekrytie dole namiesto vsunutia nad obsah.
4. Po každej úprave zmerajte znova. Pri údajoch skutočných návštevníkov počítajte s tým, že sa zmena prejaví postupne, keďže ide o súhrn za 28 dní.

E-shopy majú vlastné špecifiká (kategórie, filtre, veľa fotiek), pozrite si preto aj Ako zrýchliť e-shop.

Časté otázky

Musím mať všetky tri metriky zelené?

Na to, aby web prešiel hodnotením Core Web Vitals, áno, na 75. percentile. Prakticky však stačí začať tou najhoršou. Každé zlepšenie pomáha ľuďom, aj keď ešte nie ste v zelenom.

Prečo nevidím údaje skutočných návštevníkov?

Google ich ukazuje len pre weby a adresy, ktoré majú dosť návštev z prehliadača Chrome. Menšie a nové weby ich často nemajú. Vtedy sa riaďte laboratórnymi metrikami a známkou.

Čo je FID a prečo ho už nevidím?

FID bola staršia metrika reakcie stránky. Od 12. marca 2024 ju v Core Web Vitals nahradil INP, ktorý sleduje všetky interakcie počas návštevy, nielen prvú.

Ako rýchlo sa oprava prejaví?

Laboratórne meranie ukáže zmenu hneď po úprave. Údaje skutočných návštevníkov sú súhrn za posledných 28 dní, takže sa menia postupne.

Zmerajte si svoje Core Web Vitals

Zadajte adresu webu na rychlostwebu.sk. Meranie je zadarmo, bez registrácie a trvá asi minútu. Uvidíte známku pre mobil aj počítač, laboratórne metriky a ak ich Google má, aj údaje skutočných návštevníkov. Výsledok si môžete porovnať s konkurenciou na stránke Porovnanie.