LCP — Largest Contentful Paint
LCP měří, jak rychle se na stránce vykreslí největší viditelný element — typicky hlavní obrázek, video nebo blok textu. Google doporučuje, aby LCP proběhl do 2,5 sekundy od začátku načítání stránky. Pomalé LCP často způsobují neoptimalizované obrázky, pomalý server nebo blokující JavaScript. V Appitectu používáme next/image s automatickou optimalizací, lazy loading a moderní formáty (WebP, AVIF), díky čemuž dosahujeme LCP pod 1,5 sekundy.
INP — Interaction to Next Paint
INP (Interaction to Next Paint) nahradil v březnu 2024 starší metriku FID. Měří dobu od kliknutí, tapnutí nebo stisknutí klávesy do momentu, kdy prohlížeč vizuálně zareaguje. Cílová hodnota je pod 200 milisekund. Špatné INP typicky způsobují těžké JavaScriptové operace na hlavním vlákně. React 19 a Next.js, které v Appitectu používáme, výrazně pomáhají díky automatickému dělení kódu a server-side renderingu.
CLS — Cumulative Layout Shift
CLS měří vizuální stabilitu stránky — jak moc se obsah posouvá během načítání. Každý zažil situaci, kdy chtěl kliknout na tlačítko, ale stránka se posunula a klikl jinam. Ideální hodnota CLS je pod 0,1. Nejčastější příčiny špatného CLS jsou obrázky bez definovaných rozměrů, dynamicky načítaný obsah a webfonty. Řešením je vždy specifikovat rozměry médií a používat font-display: swap.
Jak Core Web Vitals ovlivňují SEO
Google potvrdil, že Core Web Vitals jsou přímým faktorem pro řazení výsledků vyhledávání. Při srovnatelném obsahu získá lepší pozici web s lepšími Core Web Vitals. Reálná data z nástroje PageSpeed Insights ukazují, že weby s dobrými hodnotami mají o 24 % nižší míru opuštění. Své hodnoty můžete zjistit v Google Search Console v sekci „Hlavní webové ukazatele“ nebo prostřednictvím naší bezplatné analýzy webu.
Praktický příklad
Pro klienta s e-shopem na zastaralém WordPressu jsme naměřili LCP 6,2 s, INP 450 ms a CLS 0,35 — všechny hodnoty v červené zóně. Po přestavbě na Next.js s optimalizovanými obrázky, lazy loadingem a server-side renderingem jsme dosáhli LCP 1,4 s, INP 85 ms a CLS 0,02. Organická návštěvnost vzrostla o 40 % během 3 měsíců a míra opuštění klesla z 65 % na 38 %.