Core Web Vitals: co měří a jak je zlepšit
Core Web Vitals jsou tři metriky, kterými Google měří, jak web působí na skutečné návštěvníky: jak rychle se zobrazí hlavní obsah (LCP), jak rychle reaguje na kliknutí (INP) a jestli při načítání neposkakuje (CLS). Změříte je zdarma v PageSpeed Insights a v Search Console.
Aktualizováno
Tři metriky a jejich hranice
Každá metrika popisuje jinou část dojmu z návštěvy. Google pro ně uvádí, co je dobré a co špatné:
| Metrika | Co měří | Dobré | Špatné |
|---|---|---|---|
| LCP – Largest Contentful Paint | Kdy se zobrazí největší prvek na obrazovce, obvykle hlavní fotka nebo nadpis | do 2,5 s | nad 4 s |
| INP – Interaction to Next Paint | Jak rychle stránka viditelně zareaguje na kliknutí, ťuknutí nebo stisk klávesy | do 200 ms | nad 500 ms |
| CLS – Cumulative Layout Shift | Jak moc se obsah nečekaně posouvá, třeba když se pozdě načte obrázek | do 0,1 | nad 0,25 |
Hodnoty mezi oběma hranicemi Google označuje jako „vyžaduje zlepšení“. Důležité je, z čeho se počítají: hodnotí se 75. percentil návštěv, zvlášť pro mobily a počítače. Stránka tedy projde, když dobrého výsledku dosáhnou aspoň tři ze čtyř návštěv – rychlé načtení na vašem počítači v kanceláři o tom moc neřekne. INP nahradil v březnu 2024 starší metriku FID.
Jak Core Web Vitals změřit
- PageSpeed Insights (pagespeed.web.dev) – vložíte adresu a nahoře uvidíte data skutečných návštěvníků Chromu, pokud jich má web dost. Pod nimi je laboratorní test Lighthouse s konkrétními doporučeními.
- Search Console, přehled Core Web Vitals – ukazuje skupiny podobných stránek, které jsou dobré, horší nebo špatné. Jak se v nástroji orientovat, popisuje průvodce Google Search Console.
- Nástroje pro vývojáře v Chromu – pro přesné hledání příčiny na konkrétní stránce.
Pozor na rozdíl mezi daty z terénu a z laboratoře. Lighthouse stránku načte jednou na simulovaném pomalém mobilu a nikam neklikne, takže INP změřit neumí – místo něj ukazuje příbuznou metriku Total Blocking Time. Skóre 100 v Lighthouse je dobré znamení, ale rozhoduje, co zažívají skuteční lidé.
Co nejčastěji zhoršuje LCP
- Velké fotky nahrané rovnou z fotoaparátu nebo telefonu, bez zmenšení a moderního formátu. Jak je připravit, píšeme v průvodci Fotky na web.
- Pomalá odpověď serveru – přetížený sdílený hosting nebo stránka, která se pokaždé skládá z databáze.
- Hlavní obrázek načítaný „líně“ nebo až skriptem, takže prohlížeč o něm dlouho neví.
- Písma a styly, které blokují vykreslení stránky.
Co zhoršuje INP a CLS
Za pomalou odezvu skoro vždy může JavaScript. Každý chatovací widget, měřicí kód, mapa nebo posuvník přidává práci, a když prohlížeč zrovna zpracovává skript, na kliknutí čeká. U šablonových webů s mnoha doplňky se to sčítá.
Poskakování obsahu (CLS) způsobují hlavně obrázky a vložená videa bez zadaných rozměrů, reklamní plochy, pozdě načtená webová písma a lišty, které se vsunou nad obsah. Typicky cookies lišta, která po načtení odsune celou stránku dolů, místo aby se zobrazila přes ni. Na mobilu se to projeví nejvíc, proto se vyplatí hlídat i to, jak se web chová jako responzivní web na úzkém displeji.
Než začnete cokoli opravovat, vyberte si stránky, na kterých záleží: úvodní stránku, hlavní služby, u e-shopu kategorie a detail produktu. Po každé úpravě je změřte znovu. Data z terénu v Search Console se obnovují postupně, protože pracují s obdobím 28 dní, takže výsledek uvidíte se zpožděním.
Jak to řešíme my
Rychlost hlídáme už při stavbě webu, ne až dodatečně, když přijde stížnost. Tenhle web má v Lighthouse na počítači skóre 100 ze 100 – to je sice laboratorní test, ale dobrý výchozí bod. Podrobnější postup pro stávající weby najdete v průvodci Rychlost webu. Zrychlení cizího webu je vždy jiná práce – nejdřív ho změříme, pak řekneme, co se dá udělat a kolik hodin to zabere, při sazbě 1 000 Kč za hodinu.
Časté otázky
Proč mi PageSpeed Insights ukazuje jiné číslo než Search Console?
Horní část PageSpeed Insights a přehled v Search Console vycházejí z dat skutečných návštěvníků za posledních 28 dní. Skóre Lighthouse níže je jednorázový test v simulovaném prostředí. Každé měří něco trochu jiného, a proto se výsledky liší.
Search Console u mého webu žádná data Core Web Vitals nemá. Proč?
Data pocházejí z prohlížeče Chrome a zobrazí se jen tehdy, když má web dost návštěv. U menšího firemního webu tak často chybí. Pak se řiďte laboratorním testem v PageSpeed Insights a vlastním zkoušením na mobilu.
Je dobré skóre podmínkou, abych byl v Googlu vysoko?
Ne. Google uvádí, že dobré Core Web Vitals jeho systémy pro řazení oceňují, ale přednost má obsah, který odpovídá na dotaz. Rychlost rozhoduje spíš mezi podobně dobrými stránkami – a hlavně o tom, jestli návštěvník neodejde dřív, než se stránka načte.
Co se stalo s metrikou FID?
First Input Delay měřil jen zpoždění první interakce. V březnu 2024 ho mezi Core Web Vitals nahradila metrika INP, která sleduje odezvu na všechna kliknutí a ťuknutí během návštěvy. Starší návody, které FID zmiňují, jsou v tomhle bodě zastaralé.
Pomůže rychlejší hosting?
Pomůže, pokud server odpovídá pomalu – to ukáže hodnota TTFB v testu. Když ale web zdržují obří obrázky nebo desítky skriptů, lepší hosting problém nevyřeší. Nejdřív zjistěte, co je příčinou, a teprve pak měňte.