Rýchlosť webu rozhoduje o tom, koľko ľudí sa vôbec dostane k vašej ponuke. Nie je to technická metrika pre vývojárov, je to obchodné číslo: pomalá stránka stráca zákazníkov ešte predtým, než uvidia prvý produkt. V článku nájdete, aké hodnoty od vás Google očakáva, čo weby najčastejšie brzdí (a prečo je to podozrivo často video), ako si to zmeriate za desať minút a kedy sa naháňanie stovky bodov už neoplatí.
V skratke
- Google meria tri veci, takzvané Core Web Vitals: ako rýchlo sa zobrazí hlavný obsah (LCP do 2,5 sekundy), ako rýchlo stránka reaguje na kliknutie (INP do 200 milisekúnd) a ako veľmi obsah poskakuje počas načítania (CLS pod 0,1).
- Podľa prípadovej štúdie, ktorú zverejnil Google na web.dev, si Vodafone zlepšením LCP o 31 percent zdvihol predaje o 8 percent. Bol to A/B test dvoch inak rovnakých verzií stránky.
- Podľa poradne hostingu Webglobe vie jedna sekunda zdržania znížiť konverzie až o 7 percent.
- Najčastejší brzdiaci prvok na weboch kreatívnych firiem je nesprávne vložené video a nekomprimované fotky, nie zlý hosting.
- Za desať minút si stav zmeriate zadarmo v PageSpeed Insights a v Search Console. Postup je nižšie.
- Nad určitú hranicu už rýchlosť zákazník nevníma. Sto bodov nie je cieľ, plynulý nákup je.
Prečo rýchlosť webu rozhoduje o predaji?
Pretože čakanie je jediná vec, ktorú návštevník platí ešte pred tým, než niečo kúpi. Keď stránka mešká, časť ľudí sa vráti do výsledkov vyhľadávania a klikne na konkurenta. Nikde sa to neprejaví ako sťažnosť, len máte menej dopytov a neviete prečo.
Čísla to potvrdzujú. Google zverejnil prípadovú štúdiu Vodafonu, ktorý si v A/B teste dvoch vizuálne totožných verzií stránky overil, že zlepšenie LCP o 31 percent prinieslo o 8 percent viac predajov. Slovenská poradňa hostingu Webglobe zase pri vysvetlení pojmu rýchlosť webu uvádza, že jedna sekunda zdržania vie zraziť konverzie až o sedem percent.
K tomu sa pridáva vyhľadávanie: Core Web Vitals sú súčasťou signálov o kvalite stránky. Nie sú dôležitejšie než obsah, ale pri dvoch podobne dobrých stránkach rozhodujú v neprospech tej pomalšej.
Aké hodnoty musí web spĺňať?
Google zverejňuje tri hraničné čísla a pri každom platí, že ich má splniť aspoň 75 percent reálnych návštev, nie laboratórny test:
- LCP do 2,5 sekundy. Za ten čas sa má vykresliť najväčší prvok v prvej obrazovke, typicky hlavná fotka alebo nadpis.
- INP do 200 milisekúnd. Toľko má trvať, kým stránka viditeľne zareaguje na kliknutie alebo ťuknutie. Táto metrika nahradila v marci 2024 staršiu FID.
- CLS pod 0,1. Meria poskakovanie obsahu. Ak vám pri načítaní ujde tlačidlo pod prstom, máte problém práve tu.
Dôležitá vec, na ktorej sa väčšina diskusií zasekne: rozhoduje meranie u skutočných ľudí na ich telefónoch a ich pripojení, nie skóre z vášho notebooku na kancelárskej wifi.
Čo weby najčastejšie spomaľuje?
Poradie, v akom to vidíme na weboch, ktoré nám prídu do rúk, je takmer vždy rovnaké.
Video v hlavičke. Krásne, efektné a najdrahšie z hľadiska rýchlosti. Autoplay video na úvode býva ťažšie než celý zvyšok stránky dokopy a načítava sa práve vtedy, keď si návštevník tvorí prvý dojem.
Fotky v plnom rozlíšení. Fotograf pošle štvortisícové JPG a to sa nahrá na web tak, ako prišlo. Prehliadač ho potom zmenší na osemsto pixelov, ale stiahnuť musí celé.
Skripty tretích strán. Chat, cookie lišta, dva pixely na reklamu, mapa, widget s recenziami. Každý z nich pridá pár desatín sekundy a spolu spravia z rýchleho webu pomalý.
Šablóna, ktorá vie všetko. Univerzálne šablóny nosia kód pre funkcie, ktoré nepoužívate. Pri malom webe je to najčastejší dôvod, prečo sa nedá dostať pod dve sekundy bez prestavby.
Ako dať na web video a neublížiť si?
Toto je časť, kde hovoríme z vlastnej praxe, lebo video na weby dodávame. Zopár pravidiel, ktoré držíme pri každom odovzdaní:
- Video z úvodu nikdy nenechávajte ako samospustený súbor s plným rozlíšením. Ak už autoplay, tak krátka slučka bez zvuku, do päť megabajtov, pripravená v troch veľkostiach pre mobil, tablet a desktop.
- Dlhé video vkladajte cez prehrávač, ktorý sa načíta až po kliknutí. Do prvého kliknutia má na stránke ležať iba obrázok s tlačidlom.
- Poster obrázok musí zodpovedať prvému snímku videa. Inak vám pri prepnutí poskočí obsah a zhorší sa CLS.
- Vždy si vypýtajte od produkcie webovú verziu, nie tú, ktorá išla na prezentáciu. Rozdiel býva desaťnásobný pri rozdiele v kvalite, ktorý na telefóne nikto nevidí.
Keď video na web pripravujeme my, odovzdávame ho rovno vo verziách pre web. Ako s ním potom pracovať v kampani, sme písali v článku o formátoch videa na sociálne siete, a čo má obsahovať krátke video na úvodnú stránku, rozoberá text o video vizitke firmy.
Kedy už rýchlosť naháňať netreba?
Priznajme si aj druhú stranu. Rozdiel medzi 1,2 a 0,9 sekundy nikto z vašich zákazníkov nepocíti a stojí neúmerne veľa práce. Skóre v PageSpeed Insights je navyše nástroj, nie cieľ: dá sa vyladiť na deväťdesiat bodov a mať pritom stránku, na ktorej sa nedá nič nájsť.
Sami sme si pri jednom projekte povedali dosť, keď posledných pár bodov znamenalo vypnúť animácie, ktoré niesli značku. Kompromis padol v prospech značky a bolo to správne rozhodnutie. Rýchlosť je podmienka, nie produkt.
Poradie priorít je teda takéto: najprv nech sa stránka dá používať na mobile, potom nech je pod tri sekundy, a až potom riešte desatiny.
Ako si rýchlosť zmeriate za desať minút?
Postup, ktorý zvládnete bez vývojára:
- Zadajte adresu svojej najdôležitejšej stránky do PageSpeed Insights a pozerajte sa iba na sekciu s dátami od reálnych používateľov.
- Skontrolujte tri hodnoty: LCP, INP a CLS. Zapíšte si ich do tabuľky s dátumom, aby ste mali s čím porovnávať.
- V Search Console otvorte report Core Web Vitals a pozrite sa, koľko adries je v červenom. Report ukazuje celý web, nie jednu stránku, takže nájdete aj typ šablóny, ktorý je problémový.
- Zopakujte to na mobile aj na desktope. Rozdiel býva výrazný a rozhoduje mobil.
Ak sa v číslach stratíte alebo potrebujete web aj obsah spraviť naraz, ozvite sa nám. Čo všetko robíme okolo webu a produkcie, nájdete v prehľade služieb.
Najčastejšie otázky o rýchlosti webu
Je rýchlosť webu faktor hodnotenia v Google?
Áno, Core Web Vitals patria medzi signály kvality stránky, ale nie sú silnejšie než relevantnosť obsahu. Slabý web s výborným obsahom porazí rýchly web s prázdnym textom, medzi dvoma podobnými stránkami však rozhodne rýchlosť.
Pomôže mi lepší hosting?
Pomôže, ale menej, než sa čaká. Hosting rieši čas odpovede servera, čo býva menšia časť problému. Väčšinu sekúnd naberiete na obrázkoch, videu a skriptoch, teda na tom, čo si sami dávate na stránku.
Ako často mám rýchlosť merať?
Raz mesačne a vždy po väčšej zmene webu. Nové rozšírenie, nový banner alebo nový merací kód vedia zhoršiť výsledok zo dňa na deň, a bez merania si to všimnete až podľa poklesu dopytov.
Musíme kvôli rýchlosti robiť nový web?
Nie vždy. Kompresia obrázkov, správne vložené video a upratanie skriptov tretích strán zvyknú stačiť na to, aby sa web dostal do zeleného pásma. Prestavba dáva zmysel až vtedy, keď brzdí samotná šablóna alebo systém.
