Človek klikne na odkaz a pozerá na bielu obrazovku. Po troch sekundách to vzdá a hľadá iný web. Podľa Googlu takto odchádza viac ako polovica návštevníkov z mobilu, keď sa im stránka načítava dlhšie ako tri sekundy. Rýchlosť webu si otestuješ za päť minút a stačí ti na to bezplatný nástroj od Googlu.
Rýchlosť webu otestuješ zadarmo v nástroji Google PageSpeed Insights na pagespeed.web.dev: vložíš adresu webu a pozrieš si výsledky pre mobil. Rýchly web podľa Google zobrazí hlavný obsah do 2,5 sekundy, na kliknutie zareaguje do 200 milisekúnd a obsah sa mu pri načítaní takmer neposúva 3. Web často spomaľujú veľké fotky, priveľa skriptov, lacný hosting alebo video na pozadí. Google uvádza, že 53 % návštevníkov z mobilu odíde, keď načítanie trvá dlhšie ako tri sekundy 1.
Prečo na rýchlosti webu záleží
Rýchlosť webu je čas, za ktorý sa stránka návštevníkovi zobrazí a začne reagovať na jeho kliknutia. Google uvádza, že 53 % návštevníkov mobilných webov odíde, keď sa stránka načítava dlhšie ako tri sekundy 1. Rýchle načítanie Google počíta aj medzi signály použiteľnosti, podľa ktorých zoraďuje výsledky vyhľadávania. Tieto signály rozhodujú najmä vtedy, keď sú ostatné podobné 2, a Google majiteľom webov dobré hodnoty Core Web Vitals výslovne odporúča 8. Čo ešte okrem rýchlosti Google sleduje, píšeme v článku ako sa dostať na prvú stranu Google. Pomalý web tak môže prísť o zákazníkov dvakrát: najprv ho Google ukáže nižšie a potom ho človek zavrie skôr, než sa načíta.
Ako otestovať rýchlosť webu za 5 minút
- Otvor bezplatný nástroj PageSpeed Insights na stránke pagespeed.web.dev.
- Vlož adresu svojho webu a klikni na Analyzovať.
- Pozri sa na výsledky pre mobil. PageSpeed Insights ich ukazuje oddelene od výsledkov pre počítač 4 a sú dôležitejšie, lebo na Slovensku sa na mobile otvára takmer 59 % webových stránok 5.
- Otestuj aj stránku, na ktorú vedú tvoje reklamy alebo ktorá má najviac návštev.
Core Web Vitals: čo znamenajú LCP, INP a CLS
Google sleduje tri čísla, ktorým hovorí Core Web Vitals 3:
- LCP meria, za aký čas sa zobrazí najväčší prvok stránky, zvyčajne hlavný obrázok alebo nadpis. Dobrá hodnota je do 2,5 sekundy 3.
- INP meria, ako rýchlo stránka zareaguje na kliknutie. Dobrá hodnota je do 200 milisekúnd 3.
- CLS meria, ako veľa sa obsah pri načítaní posunie, napríklad keď chceš kliknúť na tlačidlo a to ti uskakuje. Dobrá hodnota je do 0,1 3.
Web prejde, keď dobré hodnoty dosiahne pri 75 % návštev, a to vo všetkých troch číslach 3. PageSpeed Insights ukazuje dva druhy výsledkov: údaje od skutočných návštevníkov za posledných 28 dní a laboratórny test, ktorý návštevu len simuluje 4. Chceš vidieť zelenú. Pri oranžovej web zbytočne stráca návštevníkov, pri červenej oprava nepočká.
Čo najčastejšie spomaľuje web
- Veľké fotky nahraté priamo z fotoaparátu alebo telefónu.
- Príliš veľa rozšírení a skriptov tretích strán: chaty, pixely, mapy, vyskakovacie okná.
- Lacný hosting, ktorý zdieľaš so stovkami iných webov.
- Video na pozadí úvodnej stránky.
- Veľa rôznych písiem a ich rezov.
Ak je web na WordPresse a brzdia ho desiatky rozšírení, pozri si aj porovnanie WordPressu, Webflow a webu na mieru.
Ako zrýchliť web: čo urobiť hneď
Začni fotkami. Obrázky vo formáte WebP sú podľa Googlu o 25 až 34 % menšie ako porovnateľné obrázky JPEG 6. Obrázky nižšie na stránke môže prehliadač načítať až vtedy, keď sa k nim človek dostane. Hlavný obrázok v hornej časti stránky takto odkladať netreba, lebo by sa zobrazil neskôr 7. Ak web nezrýchli ani po týchto úpravách, môže to byť jeden zo znakov, že je čas na nový web.
- Zmenši fotky na šírku, v akej sa naozaj zobrazujú, a ulož ich vo formáte WebP.
- Vymaž rozšírenia a skripty, ktoré nepoužívaš.
- Zapni načítavanie obrázkov až vtedy, keď sa k nim človek dostane.
- Opýtaj sa hostingu, či ponúka cache a CDN.
- Po úpravách spusti test znova a porovnaj výsledky.
Pošli nám do tripled v Poprade odkaz na výsledok z PageSpeed Insights pre mobil. Pozrieme sa, čo tvoj web brzdí najviac, a do dvoch pracovných dní sa ti ozveme s tým, čím začať.
