Google vám do hodnocení webu přidal tři nové metriky, které přímo ovlivňují vaše pozice ve vyhledávání. Core Web Vitals měří skutečnou uživatelskou zkušenost a za špatné hodnoty vás trestají poklesem návštěvnosti. Nezapomeňte si proto při analýze webu ověřit tuto důležitou metriku.
Co vlastně Core Web Vitals měří?
Google se rozhodl hodnotit weby podle toho, jak se skutečně chovají při používání. Ne podle toho, jak vypadají v kódu, ale podle reálného zážitku návštěvníka. Core Web Vitals se skládají ze tří metrik, které dohromady řeknou, jestli je váš web rychlý a příjemný na používání.
- LCP neboli Largest Contentful Paint měří, jak dlouho trvá, než se načte hlavní obsah stránky. Jde o největší prvek, který uživatel vidí – obvykle hlavní obrázek, video nebo velký blok textu. Dobrá hodnota je do 2,5 vteřiny. Čekání déle než 4 vteřiny je výrazný problém.
- INP čili Interaction to Next Paint sleduje, jak rychle stránka reaguje na vaše akce. Když kliknete na tlačítko nebo rozbalíte menu, web by měl zareagovat okamžitě. Hodnota do 200 milisekund je perfektní, nad 500 milisekund už návštěvníky frustruje.
- CLS neboli Cumulative Layout Shift měří, jak moc se obsah stránky při načítání poskakuje. Určitě znáte situaci, kdy chcete kliknout na odkaz, ale než stisknete tlačítko myši, skočí obrázek a vy kliknete na reklamu. Přesně to CLS odhaluje. Ideální hodnota je pod 0,1.
Kde a jak hodnoty změříte?
- PageSpeed Insights od Googlu je nejrychlejší způsob, jak zjistit stav vašeho webu. Zadáte URL adresu a nástroj vám během chvíle ukáže skóre pro mobilní i desktopovou verzi. Dostanete nejen číselné hodnoty všech tří metrik, ale i konkrétní tipy na zlepšení.
- Search Console přináší data z reálného provozu vašeho webu. Sekce Core Web Vitals vám ukáže, které stránky mají problémy a kolik URL adres je ve špatném, středním nebo dobrém pásmu. Vidíte skutečné hodnoty od skutečných návštěvníků, ne simulované testy.
- Chrome DevTools nabízí pokročilé možnosti pro vývojáře. V záložce Lighthouse spustíte komplexní audit, který kromě Core Web Vitals prozkoumá i další aspekty výkonu. Performance panel pak umožňuje sledovat načítání stránky krok za krokem a identifikovat úzká hrdla.
- GTmetrix a další specializované nástroje vám dají ještě detailnější pohled. Můžete testovat z různých lokací světa, simulovat různé rychlosti připojení a porovnávat výsledky v čase. Placené verze nabízejí pravidelné monitorování a upozornění na zhoršení.
Jak číst a chápat výsledky?
Zelená zóna znamená, že vše funguje skvěle. Přes 75 % návštěvníků má dobrou zkušenost. Nemusíte dělat nic urgentního, jen sledujte, aby se hodnoty nezhoršovaly.
Oranžová zóna už je určité varování. Web funguje, ale ne ideálně. Měli byste začít řešit problémy dřív, než se propadnete do červené. Google vás ještě netrestá plnou silou, ale máte handicap proti konkurenci.
Červená zóna je kritická. Víc než čtvrtina uživatelů má špatnou zkušenost. To přímo ovlivňuje vaše pozice ve vyhledávání. Návštěvníci odcházejí dřív, než stihnou cokoliv udělat. Konverze klesají.
Mobilní a desktopové hodnoty se liší, často výrazně. Mobily mají pomalejší procesory a často horší připojení. Google primárně hodnotí mobilní verzi, takže právě ta je rozhodující pro vaše pozice.
Co hodnoty konkrétně ovlivňuje?
LCP zhoršují především velké, nekomprimované obrázky. Fotka o velikosti 5 MB se na mobilu s pomalým připojením načítá věčnost. Pomůže komprese do formátů WebP nebo AVIF, lazy loading pro obrázky mimo obrazovku a správné dimenze podle zařízení.
Pomalý server nebo špatný hosting prodlužují čas odezvy. Když server zpracovává požadavek několik sekund, návštěvník čeká. CDN síť, lepší hosting nebo server-side caching dokáží zázraky.
INP trpí kvůli těžkému JavaScriptu. Skripty, které blokují hlavní vlákno prohlížeče, způsobují zpoždění při interakci. Rozdělení dlouhých úloh, odložené načítání nepodstatných skriptů a optimalizace event listenerů pomohou.
CLS vzniká, když se prvky na stránce načítají bez vyhrazených rozměrů. Obrázky bez atributů width a height, dynamicky načítaný obsah nebo reklamy, které nemají pevný prostor – to všechno stránku rozhodí. Řešením je rezervovat prostor pro každý element předem.
Jak na zlepšení a kam se zaměřit?
- Začněte od největších problémů. Když máte LCP 8 vteřin, primárně řešte rychlost načítání hlavního obsahu. Až dostanete hodnotu do rozumných mezí, zaměřte se na další metriky. Snažit se opravit všechno najednou vede k chaosu.
- Obrázky jsou nejčastější příčinou pomalého webu. Projděte stránky a zkontrolujte velikost všech obrázků. Moderní formáty ušetří desítky procent datového objemu. Responzivní obrázky načtou na mobilu menší verzi než na velkém monitoru.
- Minimalizujte JavaScript a CSS. Zbytečný kód zpomaluje načítání i vykonávání. Odstraňte nepoužívané knihovny, spojte více souborů do jednoho a minifikujte výsledek. Kritický CSS vložte přímo do HTML hlavičky, zbytek načtěte později.
- Využijte cache prohlížeče. Statické soubory, které se nemění, návštěvník nemusí stahovat při každé návštěvě. Správně nastavené cache hlavičky výrazně zrychlí opakované načítání stránek.
- Testujte každou změnu. Nevěřte tomu, že určitá úprava pomůže. Změřte hodnoty před úpravou, proveďte změnu a změřte znovu. Někdy se zdánlivé zlepšení ukáže jako zhoršení jiné metriky.
Rychlost rozhoduje o úspěchu
Core Web Vitals nejsou jen další otravná metrika, kterou Google vymyslel, aby vám zkomplikoval ranking. Ovlivňují přímo to, kolik lidí na váš web přijde a kolik z nich něco udělá. Pomalý web stojí peníze v podobě ztracených zákazníků.
Pravidelné měření a postupné zlepšování vám ukáže cestu dopředu. Výkon webu není stav, ale proces. Konkurence nezahálí a standardy se zvyšují. To, co dnes stačí na zelenou zónu, za rok dá oranžovou.
Cílem jsou v každém případě vždy spokojení návštěvníci, kteří najdou to, co hledají, a provedou akci. Rychlý web jim to umožní. Pomalý jim to zkomplikuje. Je to tak jednoduché.
