Krátká odpověď: rychlost neměřte nástrojem, který web načte v ideálních podmínkách, ale daty od skutečných návštěvníků. Zajímají vás tři čísla: jak rychle se ukázal největší prvek na stránce, jak rychle web odpoví na první kliknutí a jestli obsah pod rukama neposkakuje.
Proč se to vyplatí řešit
Rychlost není technická metrika, je to obchodní podmínka. Pomalý web zdraží každou reklamní kampaň, protože část zaplacených návštěv odejde dřív, než něco uvidí. Zároveň zhorší pozice ve vyhledávání, protože rychlost je jedním z hodnotících signálů. A hlavně, pomalý web posílá zprávu, kterou nikdo nechce posílat: že se o něj nikdo nestará.
Tři čísla, která stačí sledovat
Jak rychle se ukázal největší prvek (LCP)
Doba, než se návštěvníkovi vykreslí největší věc na obrazovce, obvykle hlavní obrázek nebo nadpis. Do dvou a půl vteřiny je dobře, nad čtyři vteřiny je to špatně. Tohle číslo nejvíc souvisí s tím, jestli člověk zůstane.
Jak rychle web odpoví na kliknutí (INP)
Doba mezi kliknutím a viditelnou reakcí. Do dvou set milisekund to působí okamžitě, nad půl vteřiny to působí rozbitě. Tady se nejčastěji projeví přetížený prohlížeč, ne pomalý server.
Jestli obsah poskakuje (CLS)
Když se stránka během načítání přeskládá a člověk klikne jinam, než chtěl. Typicky za to může obrázek bez rozměrů, reklamní blok nebo font, který se dodatečně vymění.
Co web zdržuje nejčastěji
- Obrázky. Tvoří většinu stažených dat a skoro vždycky jsou zbytečně velké. Fotka nahraná z telefonu má klidně čtyři megabajty a na stránce se zobrazí ve čtyřsetpixelovém rámečku. Řešení je nudné a účinné: moderní formát, správná velikost pro dané místo, odložené načtení všeho pod ohybem, a naopak přednost pro ten jeden obrázek nahoře.
- Skripty třetích stran. Chat, hodnocení, mapa, měřicí kódy, testovací nástroj, dva systémy pro sběr e-mailů. Každý z nich někdo kdysi nasadil s dobrým úmyslem. Udělejte si jednou za rok seznam všeho, co se na webu načítá, a u každé položky se zeptejte, kdo se na její data díval za poslední měsíc.
- Fonty. Vlastní písmo je v pořádku, ale musí se načítat tak, aby text šel číst i než dorazí. Jinak návštěvník kouká na prázdnou plochu.
- Lišta se souhlasem. Často je to největší skript na stránce a načítá se jako první. Je potřeba, ale nemusí blokovat vykreslení obsahu.
- Server a databáze. Až poslední. U většiny běžných webů není příčina na serveru, ale v tom, co všechno prohlížeč musí stáhnout a spustit.
Jak měřit, aby to k něčemu bylo
Existují dva druhy měření a lidé je pletou.
Laboratorní znamená, že nástroj web načte jednou, ze svého serveru, za předem daných podmínek. Je to užitečné při vývoji, protože výsledek je opakovatelný. Neříká to ale nic o vašich zákaznících.
Terénní znamená data od skutečných návštěvníků, s jejich telefony a jejich připojením. Tohle je číslo, které rozhoduje. Když se laboratorní a terénní údaje rozcházejí, věřte terénnímu.
Nejčastější past: honit se za stovkou v testovacím nástroji. Skóre je jen převod tří čísel na jednu známku a dá se vylepšit i tak, že web zrychlíte pro robota a ne pro člověka. Sledujte ta tři čísla, ne známku.
V jakém pořadí opravovat
- Obrázky. Nejlepší poměr výsledku a práce, obvykle jeden den.
- Inventura skriptů třetích stran. Půl dne, a často se něco rovnou vypne.
- Načítání fontů a rezervace místa pro obrázky. Několik hodin, spraví poskakování.
- Odložení všeho, co není vidět hned. Den až dva.
- Server, mezipaměť, databáze. Až když předchozí čtyři body nestačily.
Kdy se to nevyplatí
Když už jste na dobrých číslech. Zkrátit načtení z 1,4 vteřiny na 1,1 vteřiny stojí několikanásobek toho, co stálo zkrácení ze čtyř vteřin na dvě, a nikdo si toho nevšimne. Rychlost je práce s klesajícím výnosem. Cílem je dostat se přes hranici a tam zůstat, ne mít nejrychlejší web v oboru.
Otázky, které dostáváme
Musíme kvůli rychlosti předělat celý web?
Skoro nikdy. U webů, které jsme viděli, se většina zlepšení schová do obrázků a skriptů třetích stran, a to jsou obojí zásahy bez přepisování.
Pomůže lepší hosting?
Pomůže tam, kde je problém na serveru. Pokud je problém v tom, co stahuje prohlížeč, silnější hosting nezmění nic a jenom zdraží provoz. Nejdřív změřte, pak kupujte.
Jak často to kontrolovat?
Jednou měsíčně se podívat na terénní data a vždycky po nasazení větší změny. Weby zpomalují postupně, protože se na ně průběžně přidává obsah a nástroje. Rychlost není stav, je to údržba.
Co si z toho odnést
Otevřete si web na mobilu s vypnutou Wi-Fi na místě se slabým signálem. To, co uvidíte, je realita vašich zákazníků. Pak se podívejte na terénní data a začněte obrázky.
