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. Jak odstranit další tření v nákupní cestě, rozebírá článek o UX a konverzích e-shopu.
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. Pokud potřebujete priority pojmenovat v rámci auditu, ozvěte se nám — rychlost je jednou z oblastí, které prověřuje SEO audit e-shopu, a s navazujícími úpravami pomůže správa marketingu. Celé téma najdete na pilíři SEO a UX pro e-shop.