Co jsou Core Web Vitals? Tři metriky o rychlosti a stabilitě stránky

Core Web Vitals jsou sada metrik, kterými Google popisuje, jak se stránka chová z pohledu návštěvníka. Měří načtení hlavního obsahu, reakci na interakci a stabilitu rozvržení. Vyhledávač je zahrnuje mezi signály uživatelského dojmu, ale rozhodující pro pozice nejsou. Pro majitele webu jsou užitečné hlavně jako vodítko, kde stránka návštěvníky otravuje. Následující otázky vysvětlují, co které číslo říká a jak s nimi pracovat.

Které metriky se měří?

První je největší vykreslený prvek, zkratka LCP. Udává, za jak dlouho se zobrazí největší viditelná část stránky, třeba hlavní obrázek nebo nadpis. Čím kratší čas, tím lepší dojem.

Druhá metrika se týká odezvy na interakci, označuje se INP. Měří, jak dlouho trvá, než stránka po kliknutí nebo klepnutí zareaguje. Nahradila dřívější metriku FID.

Třetí je kumulativní posun rozvržení, zkráceně CLS. Zachycuje, zda se prvky na stránce během načítání nehýbou. Pokud se tlačítko posune těsně před kliknutím, CLS je špatné.

Odkud mají čísla pocházet?

Existují dva typy dat. Laboratorní vznikají simulovaným načtením stránky v nástrojích. Terénní data pocházejí od skutečných uživatelů prohlížeče.

Pro hodnocení je podstatnější terénní měření. Najdete je v nástroji pro správu webu u vyhledávače nebo v přehledu rychlosti. Ukazují, co zažívají skuteční návštěvníci.

Laboratorní testy se hodí k ladění, protože jsou opakovatelné. Neodpovídají však přesně realitě. Používejte obě měření společně.

Jak číst hodnoty a hranice?

Google rozděluje výsledky na dobré, vyžadující zlepšení a špatné. Konkrétní hranice se mohou časem měnit, proto je ověřte v aktuální dokumentaci. Cílem je dostat se do dobrého pásma u většiny návštěv.

Nehonte se za dokonalým skóre. Rozdíl mezi dobrým a velmi dobrým výsledkem návštěvník nepozná. Důležité je vyhnout se pásmu špatného.

Hodnoty se liší mezi mobilem a počítačem. Mobilní zařízení bývají pomalejší. Sledujte obě kategorie a zaměřte se na tu, ze které přichází víc návštěvníků.

Co zlepšuje načítání hlavního obsahu?

Nejčastější příčinou pomalého LCP jsou velké obrázky. Zmenšete je na potřebný rozměr a použijte moderní formáty. Hlavní obrázek by se neměl načítat se zpožděním.

Druhým faktorem je pomalá odpověď serveru. Kvalitní hosting a vyrovnávací paměť výrazně pomáhají. U redakčních systémů zvažte mezipaměť stránek.

Třetí příčinou jsou skripty a styly blokující vykreslení. Odložte nepotřebné skripty. Zbytečné pluginy odstraňte.

Co zlepšuje reakci a stabilitu?

Pro INP omezte těžké skripty třetích stran, jako jsou reklamní a analytické doplňky. Každý blokuje vlákno prohlížeče. Odstraňte, co nepřináší užitek.

Pro CLS vždy uvádějte rozměry obrázků a videí v kódu. Prohlížeč pak předem vyhradí místo. Reklamní plochy a bannery také potřebují pevnou výšku.

Písma načítaná z externích zdrojů mohou způsobit posuny textu. Použijte vhodnou strategii zobrazení písma. Testujte výsledek na reálných stránkách.

S čím začít a co od toho čekat?

Začněte nejnavštěvovanějšími šablonami, ne jednotlivými stránkami. Oprava šablony zlepší stovky adres najednou. Skupiny stránek najdete v přehledu nástroje pro správu webu.

Po úpravách počkejte, až se projeví v terénních datech. Trvá to zpravidla několik týdnů. Nečekejte okamžitý skok.

Rychlost je dobrá pro uživatele a pomáhá míře konverze. Zázračné zvýšení pozic ale nečekejte. Je to jeden z mnoha signálů a kvalitní obsah zůstává důležitější.

Zdroje

• Dokumentace Core Web Vitals od vyhledávače
• Webová platforma web.dev