Core Web Vitals a jejich prahy
Core Web Vitals jsou tři metriky, které měří reálnou zkušenost uživatele se stránkou — ne to, jak vypadá, ale jak se chová:
| Metrika | Co měří | Práh (dobrý) |
|---|---|---|
| LCP | Jak rychle se vykreslí největší prvek stránky | ≤ 2,5 s |
| INP | Jak rychle stránka reaguje na interakci | ≤ 200 ms |
| CLS | Jak moc obsah poskakuje při načítání | ≤ 0,1 |
Metrika INP (odezva na interakci) je relativně nová: v březnu 2024 nahradila starší metriku FID a měří přísněji, jak svižně stránka reaguje na klikání, psaní a další akce. Pro e-shop s filtry a košíkem je to citlivé místo.
Proč je rychlost u e-shopu těžší
E-shopy bojují s rychlostí víc než běžné weby, a to z dobrých důvodů: těžké produktové obrázky a galerie, mnoho variant na jedné stránce, fasetové filtry, které se při každém kliknutí přepočítávají, a obvykle i řada skriptů třetích stran (chat, srovnávače, měření, recenze, widgety). Každý z těch prvků zatěžuje načítání nebo odezvu.
A teď slíbené důležité upozornění k pozicování. Rychlost a technické SEO Conviu neřeší jako službu. Je to prerekvizita: v auditu ji pojmenujeme, vyčíslíme dopad a doporučíme priority, ale samotnou opravu řeší e-shop se svými vývojáři nebo s dodavatelem platformy. Správu technických aspektů cizích webů nepřebíráme — naše těžiště je v datech, obsahu a souladu feedu se stránkou.
LCP, INP a CLS po sekcích
Když chcete rychlost reálně zlepšit, je užitečné rozdělit si práci podle tří metrik, protože každá má jiné příčiny a páky:
- LCP (rychlost): hlavní brzdou bývá velký, pomalu se načítající úvodní obrázek produktu. Pomáhá komprese, moderní formáty obrázků a přednostní načtení toho hlavního.
- INP (odezva): za špatnou odezvu mohou náročné skripty a těžké interakce (filtry, varianty). Pomáhá zredukovat a odložit nepodstatné skripty.
- CLS (stabilita): poskakování layoutu způsobují obrázky a bannery bez rezervovaných rozměrů a pozdě doložené ceny. Pomáhá pevně vyhradit místo předem.
Rychlost rovná se konverze
Důležité je nevnímat Core Web Vitals jen jako SEO metriku. Rychlost je přímá konverzní páka: pomalá stránka zvedá míru odchodů a snižuje počet dokončených nákupů a tržby. Zlepšení rychlosti se tak často zaplatí nejen lepšími pozicemi, ale hlavně víc dokončenými objednávkami. Konkrétní tipy, jak načítání zrychlit, jsme sepsali na blogu.
Jak rychlost změřit
Měřit umíte zdarma. PageSpeed Insights vyhodnotí jednotlivou stránku a navrhne konkrétní zlepšení. Pro reálná data od skutečných uživatelů slouží CrUX (sbírá zkušenosti z prohlížeče Chrome) a Search Console (sekce Core Web Vitals), kde vidíte stav napříč celým webem.
Rozlišujte přitom laboratorní a terénní data. Laboratorní měří jeden test za ideálních podmínek, terénní zachycují reálnou zkušenost vašich návštěvníků na různých zařízeních a sítích. Rozhodující je terén — to je to, co skutečně zažívají vaši zákazníci.
Rychlost je tedy vstupní podmínka, kterou je dobré mít vyřešenou, než se pustíte do obsahu a dat. Souvislosti technického SEO jsme rozebrali v samostatném článku; pokud potřebujete priority pojmenovat v rámci auditu, ozvěte se nám. Celé téma najdete na pilíři SEO a UX pro e-shop.
