Pomalý web stráca návštevníkov skôr, než sa vôbec načíta. Ukážeme, čo Google meria, ako si web otestovať zadarmo a čo zrýchlenie prinesie.
Návštevník vášho webu sa nerozhoduje, či počká. On si to ani neuvedomí — jednoducho sa vráti späť do Google a klikne na konkurenciu. Podľa dlhodobých meraní Google odchádza výrazná časť ľudí z mobilných stránok, ktoré sa načítavajú dlhšie než tri sekundy, a s každou ďalšou sekundou to strmo rastie.
Dobrá správa: rýchlosť je jedna z mála vecí na webe, ktorá sa dá zmerať objektívne. Nemusíte veriť nikomu na slovo.
Čo presne Google meria
Google používa tri ukazovatele, ktoré nazýva Core Web Vitals. Znejú technicky, ale každý z nich popisuje veľmi ľudskú skúsenosť:
LCP — kedy uvidím to hlavné
Largest Contentful Paint meria, za ako dlho sa zobrazí najväčší prvok na obrazovke — typicky úvodná fotka alebo nadpis. Cieľ je do 2,5 sekundy. Toto je moment, keď návštevník povie „aha, som tu správne".
INP — reaguje stránka, keď na ňu kliknem
Interaction to Next Paint meria oneskorenie medzi kliknutím a viditeľnou reakciou. Cieľ je do 200 milisekúnd. Keď rozkliknete menu a ono „chvíľu nič", toto je presne ten problém.
CLS — neposkakuje mi obsah pod prstom
Cumulative Layout Shift meria, koľko sa obsah posúva počas načítavania. Cieľ je pod 0,1. Ak ste už niekedy klikli na zlé tlačidlo, lebo sa medzitým doťahoval banner, viete, o čom je reč.
Core Web Vitals sú súčasťou hodnotenia stránok vo vyhľadávaní. Nie sú najsilnejším faktorom — dobrý obsah je stále dôležitejší — ale pri dvoch porovnateľných weboch rozhodujú. A hlavne: ovplyvňujú, koľko ľudí z návštevy naozaj urobí dopyt.
Ako si web zmerať za päť minút
Nepotrebujete na to nikoho platiť. Postup:
- Otvorte PageSpeed Insights od Google (pagespeed.web.dev).
- Vložte adresu svojho webu a spustite test.
- Pozerajte sa na záložku Mobil, nie Počítač. Väčšina návštev prichádza z telefónu a mobilné skóre býva výrazne horšie.
- Zapíšte si tri čísla: LCP, INP a CLS.
- Zopakujte test pre dva weby konkurencie. Až potom budú vaše čísla niečo znamenať.
Celkové skóre 0–100 berte s rezervou. Je to zjednodušenie, ktoré kolíše test od testu. Tie tri konkrétne ukazovatele sú spoľahlivejšie.
Čo web najčastejšie brzdí
V drvivej väčšine prípadov, ktoré nám prídu na stôl, ide o tie isté štyri veci:
- Obrázky v pôvodnej veľkosti. Fotka 4 000 px široká zobrazená v mieste, kde má 600 px. Zmenšenie a prevod do formátu WebP typicky ušetrí 60 až 80 % veľkosti stránky.
- Príliš veľa doplnkov. Každý plugin pridáva vlastné skripty a štýly. Web s dvadsiatimi doplnkami načítava dvadsať vecí, z ktorých používate tri.
- Písma z cudzích serverov. Externé fonty znamenajú ďalšie pripojenie a čakanie. Umiestnenie písma priamo na vlastný hosting problém odstráni.
- Video alebo animácia v úvode. Efektné, ale na mobile to môže byť niekoľko megabajtov, ktoré si návštevník stiahne cez dáta skôr, než uvidí prvé slovo.
Najrýchlejší kus kódu je ten, ktorý na stránke vôbec nie je.
Čo s tým zvládnete sami
- Zmenšite fotografie pred nahratím — na šírku maximálne 1 600 px.
- Vypnite a odinštalujte doplnky, ktoré nepoužívate.
- Zapnite u poskytovateľa hostingu kompresiu a cache, ak to ponúka.
- Zrušte automaticky spúšťané video na úvodnej stránke, alebo ho nechajte len pre počítače.
- Zmerajte web znova a porovnajte s pôvodnými číslami.
Toto sú zásahy, ktoré nič nestoja a často stačia na to, aby sa LCP dostal pod hranicu troch sekúnd.
Kedy už treba odborníka
Ak máte fotky zmenšené, doplnky upratané a web je stále pomalý, problém býva hlbšie — v šablóne, v hostingu alebo v tom, ako je stránka poskladaná. Vtedy sa oplatí prestať optimalizovať a rátať, či nevyjde lacnejšie postaviť web nanovo poriadne.
My staviame weby tak, že písma aj videá sú riešené priamo na našich serveroch a mobil nikdy nesťahuje to, čo nepotrebuje. Ako to vyzerá v praxi, uvidíte v našich službách a na konkrétnych prípadových štúdiách. Ak chcete bezplatne prejsť výsledky vášho merania, ozvite sa nám — pošlite adresu webu a povieme vám, čo by sme riešili ako prvé.
