Co znamenají LCP, INP a CLS?

Q: Co znamenají LCP, INP a CLS?

LCP měří načítání, INP odezvu a CLS vizuální stabilitu. Dobré hodnoty jsou 2,5 s nebo méně, 200 ms nebo méně a 0,1 nebo méně, a to na 75. percentilu.

Jsou to tři Core Web Vitals, jimiž Google popisuje uživatelský zážitek ze stránky. Largest Contentful Paint (LCP) měří načítání: jak dlouho trvá, než se zobrazí hlavní obsah. Interaction to Next Paint (INP) měří odezvu: jak rychle stránka zareaguje, když na ni kliknete, klepnete nebo na ní píšete. Cumulative Layout Shift (CLS) měří vizuální stabilitu: jak moc se rozvržení stránky posouvá. Dobré hodnoty jsou LCP do 2,5 sekundy, INP do 200 milisekund a CLS 0,1 nebo méně.

Tři metriky přehledně

Metrika	Co měří	Dobré	Vyžaduje zlepšení	Špatné
LCP	Načítání	2,5 s nebo méně	do 4 s	více než 4 s
INP	Odezva	200 ms nebo méně	do 500 ms	více než 500 ms
CLS	Vizuální stabilita	0,1 nebo méně	do 0,25	více než 0,25

Jde o prahové hodnoty z nápovědy k reportu Core Web Vitals od Googlu. Stránka vyhoví, pokud jsou všechny tři metriky dobré na 75. percentilu návštěv, měřeno zvlášť pro mobily a počítače.

LCP: Largest Contentful Paint

LCP je doba od okamžiku, kdy návštěvník začne stránku načítat, do vykreslení největšího obrázku, videa nebo textového bloku v zobrazené oblasti. Mezi způsobilé prvky patří prvky <img>, obrázky uvnitř SVG, plakát nebo první snímek videa, obrázky na pozadí v CSS a blokový text. Jakmile návštěvník s stránkou začne interagovat, prohlížeč přestane hledat nové kandidáty. Pomalé LCP bývá způsobeno pomalou odezvou serveru, velkým nebo pozdě objeveným hlavním obrázkem, případně CSS a skripty, které blokují vykreslování.

INP: Interaction to Next Paint

INP sleduje během návštěvy kliknutí, klepnutí a stisky kláves a měří, jak dlouho trvá, než prohlížeč vykreslí další snímek. Najetí kurzorem, posouvání ani přiblížení se nepočítají. Hlásí se hodnota nejpomalejší interakce, přičemž u stránek s mnoha interakcemi se extrémní odlehlé hodnoty ignorují. INP nahradilo v březnu 2024 jako Core Web Vital metriku First Input Delay (FID); FID posuzovalo jen první interakci, kdežto INP pokrývá celou návštěvu. Špatné INP má obvykle na svědomí dlouhé úlohy v JavaScriptu, které zaměstnávají hlavní vlákno.

CLS: Cumulative Layout Shift

CLS sčítá neočekávané posuny rozvržení, například text, který poskočí dolů, když se nad ním načte obrázek nebo reklama, a uvádí největší shluk takových posunů během návštěvy. Každý posun se hodnotí podle toho, jak velká část obrazovky se pohnula a jak daleko. Posuny do 500 milisekund po kliknutí, klepnutí nebo stisku klávesy se nezapočítávají, protože návštěvník v tu chvíli změnu stránky očekává.

Odkud se čísla berou?

Report Core Web Vitals v Search Console vychází z terénních dat z Chrome UX Report: jde o skutečné návštěvy v Chrome za posledních 28 dní, seskupené do skupin podobných stránek, přičemž každá skupina se hodnotí podle své nejhorší metriky. Laboratorní nástroje jako Lighthouse načítají stránku bez skutečného návštěvníka, takže nemohou měřit INP a místo něj používají Total Blocking Time, jak vysvětluje přehled Web Vitals na web.dev. Laboratorní skóre berte jako pomůcku k ladění a terénní data jako konečný verdikt.

Ovlivňují Core Web Vitals pozici ve vyhledávání?

Google důrazně doporučuje dosahovat dobrých hodnot Core Web Vitals pro úspěch ve vyhledávání a uvádí, že uživatelský zážitek ze stránky odpovídá tomu, co se jeho hlavní systémy pro řazení snaží odměňovat. Není to ale zkratka: rychlá stránka musí být stále tou nejlepší odpovědí. Co u jednotlivých metrik změnit, najdete v článku Jak opravit špatné hodnoty Core Web Vitals?

Jak pomáhá AutoPSEO

Report Core Web Vitals v AutoPSEO čte historii z Chrome UX Report pro celý web nebo jednu URL, zvlášť pro telefony, počítače a tablety, a zobrazuje v grafech LCP, INP a CLS (spolu s first contentful paint a time to first byte) na 75. percentilu za zhruba šest měsíců týdenních dat, takže vidíte, kdy se některá metrika začala zhoršovat.