Rýchlosť e-shopu: čo stojí 0,1 sekundy a tri čísla, ktoré si pýtať od dodávateľa

Rýchlosť sa v e-shope zvyčajne rieši, keď niekto povie, že je web pomalý. Lepšie je merať ju pravidelne a vedieť, čo sa meria. Google na to používa tri metriky, nazývané Core Web Vitals. Nižšie ich vysvetľujeme po ľudsky, spolu s číslami, ktoré ukazujú dopad na predaj.

Koľko stojí 0,1 sekundy

Google si nechal od poradenskej firmy Deloitte (spolu s agentúrou 55) spracovať štúdiu Milliseconds Make Millions, zverejnenú v roku 2020. Sledovala 37 popredných európskych a amerických značiek a vyše 30 miliónov používateľských relácií. Mobilné načítanie sa monitorovalo 30 dní na konci roku 2019. Zistenie: ak sa web zrýchlil už len o 0,1 sekundy, v maloobchode stúpla konverzia o 8,4 %, prechod z detailu produktu do košíka o 9,1 % a priemerná útrata o 9,2 %.

Pozor na čítanie týchto čísel. Ide o koreláciu na vzorke veľkých značiek a o údaje z roku 2019, nie o sľub, že u vás zrýchlenie o desatinu sekundy prinesie presne +8,4 %. Ukazuje smer, nie zaručený výsledok: rýchlejší web súvisel s lepším správaním zákazníkov.

Podobne hovoria prípadové štúdie zo stránky Google web.dev o dopade Core Web Vitals na biznis:

• Vodafone (Taliansko): zlepšenie LCP o 31 % prinieslo o 8 % vyššie predaje.
• Cdiscount: po zlepšení všetkých troch metrík +6 % tržieb počas Black Friday.
• Tokopedia: LCP zrýchlené o 55 % (z 3,78 s na 1,72 s) a o 23 % lepšia priemerná dĺžka relácie.

Tri metriky po ľudsky

Hodnotia sa na 75. percentile, teda rýchlosť, ktorú dosiahne aspoň 75 % návštev, zvlášť pre mobil a desktop. Stránka prejde, ak spĺňa všetky tri.

Ako na tom sú weby a e-shopy

Web Almanac 2025, ročný prehľad HTTP Archive, uvádza, že dobré Core Web Vitals má 48 % webov na mobile a 56 % na desktope. Najslabšia metrika je LCP: dobrú hodnotu má 62 % webov na mobile a 74 % na desktope. INP je dobrá u 77 % mobilných a 97 % desktopových webov, CLS u 81 % a 72 %.

Kapitola o e-commerce uvádza podiel e-shopov s dobrými Core Web Vitals podľa platformy: Shopify 76 % (mobil aj desktop), PrestaShop 50 % na mobile a 54 % na desktope, WooCommerce 35 % a 33 %, Magento 35 % a 36 %. Údaje pokrývajú desiatky až stovky tisíc domén na platformu (od približne 37 000 desktopových domén Magento po vyše 995 000 mobilných domén WooCommerce). Slovenské platformy Shoptet, Upgates a BiznisWeb v tejto kapitole nie sú, preto ich nevieme porovnať. Namiesto cudzích čísel použite vlastné meranie. Ako čítať report Core Web Vitals v Search Console a čo sa dá opraviť na Shoptete a WooCommerce, rozoberá článok Core Web Vitals na Shoptete a WooCommerce.

Čo najčastejšie spomaľuje e-shop

Google radí pri LCP tieto postupy:

• Hlavný obrázok nenačítavať lenivo. Google: „Obrázok LCP nikdy nenačítavajte lenivo.“ Lenivé načítanie pridáva zbytočné čakanie. Hlavný obrázok produktu alebo bannera by sa mal načítať ako prvý. Formáty a veľkosti súborov rieši článok Obrázky v e-shope.
• Určiť prioritu. Atribút fetchpriority="high" pre hlavný obrázok, ale nie pre viac ako jeden či dva.
• Rozdeliť čas. Pri LCP sa odporúča približne 40 % času na odpoveď servera, 40 % na stiahnutie zdroja a menej než 10 % na každú z dvoch zvyšných častí. Podľa toho vidno, kde je problém: pomalý server, veľký obrázok alebo čakanie na skripty.

Druhý zdroj spomalenia sú skripty tretích strán: merania, chatboty, reklamné pixely, widgety. Google radí tieto skripty odstrániť, ak neprinášajú zjavnú hodnotu, ostatné načítať s async alebo defer a nekritický obsah načítať až pri posúvaní. Príklad z dokumentácie: Telegraph po odložení všetkých skriptov zlepšil načítanie reklám v priemere o štyri sekundy. Ako skripty spočítať a vyhodnotiť, ukazuje článok Meracie a marketingové skripty.

Tri čísla od dodávateľa

1. LCP, INP a CLS na mobile pre domovskú stránku, kategóriu a produkt, ako hodnoty z reálnych používateľov (field data), nie iba z jednorazového testu.
2. Zmena po každej väčšej úprave. Pred a po nasadení nového doplnku, šablóny alebo skriptu.
3. Zoznam skriptov tretích strán a dôvod, prečo tam je.

Merať môžete sami v nástroji PageSpeed Insights. Zobrazuje dve veci: reálne údaje používateľov z posledných 28 dní z Chrome User Experience Report a laboratórny test z Lighthouse. Môžu sa líšiť, preto sa spoliehajte na reálne dáta. Postup je v návode PageSpeed Insights: ako čítať výsledky.

Ako čítať čísla o webe správne

Web Almanac meria reálne návštevy v prehliadači Chrome, nie jednorazový test. To je silná stránka, lebo ukazuje, ako sa web správa u skutočných ľudí. Má to však dve obmedzenia. Po prvé, meria sa na úrovni „origin“, teda celej domény, nie jednotlivej stránky. Po druhé, vzorka obsahuje hlavne weby s dostatočnou návštevnosťou, takže malý e-shop s pár návštevami denne v nej nemusí byť.

INP, najnovšia z troch metrík, sleduje, ako rýchlo web reaguje na kliky, ťuknutia a stlačenie kláves počas celej návštevy. Nahradila staršiu metriku FID, ktorá merala len prvú interakciu. Posúvanie, prechod myšou a priblíženie sa nezapočítavajú. Pre e-shop je to dôležité hlavne pri filtroch, výbere variantu, pridaní do košíka a vyplňovaní pokladne, teda tam, kde sa rozhoduje o objednávke.

Keď dodávateľ príde s odpoveďou „je to rýchle“, pýtajte sa, na čom to meral: na mobile alebo desktope, na domovskej stránke alebo aj na produkte, v laboratórnom teste alebo z reálnych dát. Jedna hodnota z desktopu nehovorí nič o tom, ako web vidí zákazník v telefóne. Zadanie dodávateľovi by malo uvádzať cieľové hodnoty (LCP do 2,5 s, INP do 200 ms, CLS do 0,1) a stránky, na ktorých sa merajú.

Plán na 30 dní

1. Týždeň 1: zmerať. Domovská stránka, najväčšia kategória a najpredávanejší produkt v PageSpeed Insights, na mobile. Zapísať LCP, INP a CLS.
2. Týždeň 2: skripty. Zoznam všetkých skriptov tretích strán. Pri každom povedať, kto ho potrebuje. Nepotrebné odstrániť.
3. Týždeň 3: obrázky. Skontrolovať hlavný obrázok produktu a banner na domovskej stránke: nie je lenivo načítaný a má vysokú prioritu.
4. Týždeň 4: porovnať. Zmerať znova, porovnať s týždňom 1 a výsledok zaslať dodávateľovi ako zadanie na ďalší mesiac.

Kroky sú zámerne malé. Cieľom nie je dokonalé skóre, ale zistiť, kde je najväčšia strata, a opraviť ju skôr, než sa pustíte do väčšej prestavby.

Čo z toho plynie

Výsledky na telefóne rozoberá článok Mobil: 70 % návštev, ale koľko objednávok?. Rýchlosť sa spája s ďalšími časťami konverzie. Pomalé zobrazenie hlavnej fotky dopadá na produktovú stránku (Produktová stránka) a pomalá pokladňa zhoršuje opustené košíky (Opustené košíky).