Jednosekundové zpoždění načtení stránky snižuje konverze o 7%. U webů s významnými příjmy jsou to tisíce dolarů ztracených každý měsíc. Rychlost stránky není jen dobrá praxe. Vyhledávače ji přímo měří a přímo ovlivňuje pozice. Core Web Vitals jsou tři konkrétní metriky, které měří skutečný uživatelský zážitek. Zvládněte je a zlepšíte pozice i konverze. Zjistěte, co to je a jak je optimalizovat.
Rychlost stránky ovlivňuje pozice. Core Web Vitals měří rychlost stránky. Nejsou to vágní doporučení. Jsou to konkrétní metriky s měřitelnými prahovými hodnotami. Stránky, které prahové hodnoty splní, se umisťují lépe. Stránky, které je nesplní, hůř.
Core Web Vitals jsou tři konkrétní metriky
Largest Contentful Paint (LCP) měří, jak rychle se načte hlavní obsah. Interaction to Next Paint (INP) měří, jak svižně stránka reaguje na zadání uživatele. Cumulative Layout Shift (CLS) měří, jak stabilní je rozvržení během načítání.
Dobré LCP je pod 2.5 sekundy. Dobré INP je pod 200 milisekund. Dobré CLS je pod 0.1. Pokud vaše stránka v kterékoli z nich neuspěje, vyhledávače vědí, že uživatelé mají špatný zážitek.
LCP: hlavní obsah by se měl načíst rychle
Largest Contentful Paint měří, kdy se dokončí načtení největšího prvku na stránce. U většiny stránek je to obrázek nebo nadpis. Pokud je vaše LCP pomalé, uživatelé při čekání vidí prázdnou stránku.
LCP zlepšíte optimalizací obrázků. Komprimujte je. Používejte formáty nové generace jako WebP. Obrázky pod ohybem načítejte líně. Použijte rychlého poskytovatele hostingu. Odstraňte JavaScript, který blokuje vykreslení. Malá zlepšení se sčítají.
Vaším cílem je pod 2.5 sekundy. Pokud je vaše LCP 5 sekund, uživatelé odcházejí dřív, než váš obsah uvidí. Pokud jsou to 2 sekundy, uživatelé čekají a jsou zapojení.
INP: stránka by měla na kliknutí reagovat okamžitě
Interaction to Next Paint měří čas mezi tím, kdy uživatel na něco klikne nebo ťukne, a tím, kdy stránka zareaguje. Pokud je INP pomalé, stránka působí zamrzle.
INP zlepšíte optimalizací JavaScriptu. Odstraňte zbytečné skripty. Rozdělte dlouhé úlohy. Optimalizujte posluchače událostí. Skripty třetích stran načítejte líně. Stránka, která reaguje, konvertuje lépe než rychlá stránka, která na zadání nereaguje.
Cíl: pod 200 milisekund. Pokud stránka na kliknutí reaguje 500ms, uživatelé si myslí, že je rozbitá. Pokud reaguje za 100ms, působí okamžitě.
CLS: rozvržení by se během načítání nemělo posouvat
Cumulative Layout Shift měří, kolik se rozvržení během načítání pohybuje. Pokud se obrázky načítají pomalu, text se posune dolů. Pokud se reklamy načtou po obsahu, všechno se pohne. To je otravné a způsobuje náhodná kliknutí.
CLS zlepšíte tím, že pro obrázky a reklamy vyhradíte místo. Pomocí poměru stran v CSS řekněte prohlížeči, kolik místa vyhradit. Kritická písma načítejte brzy. Nevkládejte obsah nad stávající obsah.
Cíl: pod 0.1. Každý posun rozvržení uživatelé zaznamenají. Držte ho minimální.
Core Web Vitals sledujte na datech skutečných uživatelů
Lighthouse a PageSpeed Insights spouštějí testy v laboratorních podmínkách. Sledování skutečných uživatelů ukazuje skutečná data. Skutečná data uvidíte v Chrome User Experience Report nebo v konzoli vyhledávače.
Skutečná data jsou důležitá, protože skuteční uživatelé mají pomalejší připojení a starší zařízení než váš testovací počítač. Co funguje v laboratorních podmínkách, může ve skutečném světě selhat.
Rychlost přímo ovlivňuje tržby
Rychlejší weby konvertují lépe. Pomalejší weby ztrácejí zákazníky. S každou sekundou zpoždění ztrácíte konverze. Je to měřitelné. Spouštějte experimenty. Přidávejte zrychlení. Sledujte dopad na konverze.
Načtení stránky za 5 sekund ztratí víc zákazníků než načtení za 2 sekundy. Rozdíl jsou peníze. Optimalizujte rychlost stránky a zvýšíte tržby spolu s pozicemi.
Obrázky optimalizujte agresivně
Obrázky jsou obvykle největší soubory na stránkách. Komprimujte je neústupně. Používejte formáty nové generace. Obrázky pod ohybem načítejte líně. Používejte responzivní obrázky, které se přizpůsobí různým zařízením.
Odstranění zbytečných obrázků někdy záleží víc než komprese zbývajících. Potřebujete 10 obrázků, nebo 5? S méně obrázky se stránka načte rychleji.
Často kladené otázky
Jaké je dobré skóre Core Web Vitals?
Dobré znamená: LCP pod 2.5 sekundy, INP pod 200 milisekund, CLS pod 0.1. Pokud je kterákoli metrika nad těmito prahovými hodnotami, vaše stránka neuspívá. Skutečná data uživatelů zkontrolujte v konzoli vyhledávače. Laboratorní skóre jsou méně důležitá než skutečný zážitek uživatelů. S Tvůrcem webů od WEMASY to můžete nastavit přímo na svém webu.
Jak změřím své Core Web Vitals?
Pro laboratorní testování použijte Google PageSpeed Insights. Pro data skutečných uživatelů použijte konzoli vyhledávače. Použijte Lighthouse v Chrome DevTools. Použijte monitorovací nástroje třetích stran. Nejdůležitější je sledování skutečných uživatelů, protože ukazuje skutečný zážitek, ne testovací podmínky.
Zaručí zlepšení Core Web Vitals lepší pozice?
Ne. Core Web Vitals jsou jeden z faktorů pořadí mezi stovkami. Kvalita a relevance obsahu jsou důležitější. Core Web Vitals ale rozhodují, když jsou ostatní faktory stejné. Zlepšujte je, ale nejdřív se zaměřte na kvalitu obsahu.
Jaký hosting ovlivňuje Core Web Vitals nejvíc?
Doba odezvy serveru výrazně ovlivňuje LCP. Rychlejší poskytovatelé hostingu doručí obsah rychleji. Hosting je ale jen část rovnice. Optimalizace obrázků, optimalizace JavaScriptu a cachování záleží stejně jako hosting. Špatnou optimalizaci hostingem nevyřešíte.
Jak dlouho trvá, než se zlepšení Core Web Vitals projeví na pozicích?
Vyhledávače mohou začít používat zlepšené metriky během několika dnů. Zlepšení pozic ale trvá déle. Vyhledávače stránky přehodnocují týdny a měsíce. Core Web Vitals zlepšujte, ale nečekejte změnu pozic přes noc. Sledujte raději dopad na konverze, které se často zlepší rychleji než pozice.
Které skripty třetích stran Core Web Vitals poškozují nejvíc?
Analytika, reklamy a chatovací widgety stránky často zpomalují. Načítejte je až po dokončení hlavního obsahu. Používejte asynchronní načítání. Zvažte odložení nekritických skriptů. Otestujte dopad každého skriptu na své Core Web Vitals. Odstraňte skripty, které dávají minimální hodnotu, ale výrazně škodí výkonu.