Rýchlosť webu: čo zbytočne brzdí váš e-shop

Každá sekunda načítania stojí objednávky. Šesť najčastejších bŕzd e-shopov, ktoré vidíme pri auditoch, a čo s nimi spraviť ešte tento týždeň.

Tento článek je zatím dostupný jen ve slovenštině.

Pri auditoch e-shopov vidíme stále tie isté príčiny pomalého načítania. Dobrá správa je, že väčšina z nich sa dá vyriešiť bez prestavby webu. Tu je šesť najčastejších, zoradených podľa toho, koľko zvyčajne prinesú.

1. Obrázky v plnej veľkosti

Produktová fotka z fotoaparátu má 5 megabajtov a 6000 pixelov. Na webe sa zobrazí v šírke 600 pixelov. Prehliadač musí stiahnuť celý súbor a potom ho zmenšiť. Riešenie: obrázky zmenšiť na skutočnú veľkosť zobrazenia, uložiť vo formáte WebP a načítať ich, až keď ich vidno (lazy loading). Toto jedno opatrenie často zrýchli web o polovicu.

2. Priveľa pluginov a skriptov

Chat, heatmapa, tri meracie kódy, pop-up, slider, ikonky sietí. Každý pridáva skripty, ktoré sa sťahujú a spúšťajú pred tým, než zákazník vidí produkt. Raz za pol roka prejdite zoznam a vypnite, čo nepoužívate. Meracie kódy spúšťajte až po súhlase s cookies, čo je aj právna povinnosť.

3. Šablóna, ktorá vie všetko

Univerzálne šablóny s builderom nesú kód pre stovky funkcií, z ktorých používate päť. Ak je web postavený na ťažkej šablóne, pomôže vypnutie nepoužívaných modulov; pri väčšom e-shope sa oplatí téma na mieru.

4. Hosting bez cache

Každé načítanie stránky skladá server nanovo z databázy. Cache uloží hotovú stránku a podáva ju okamžite. Väčšina hostingov má cache zapnutú jedným prepínačom, skontrolujte to. Pri e-shope treba vylúčiť košík a účet, inak uvidí zákazník cudzí košík.

5. Písma z Google serverov

Tri rodiny písiem po štyroch rezoch sú dvanásť súborov z cudzieho servera. Jedno písmo, dva rezy, uložené na vlastnom hostingu, s prednačítaním. Rýchlejšie a zároveň bez prenosu údajov do zahraničia pred súhlasom.

6. Žiadne meranie

Bez čísla sa nedá zlepšovať. Spustite si PageSpeed Insights na domovskú stránku, kategóriu a produkt. Zapíšte skóre pre mobil, opravte prvé dva body zo zoznamu a zmerajte znova. Cieľ pre e-shop: zelené hodnoty Core Web Vitals, hlavne LCP pod 2,5 sekundy.

Koľko to stojí v číslach

Výskumy veľkých e-shopov sa zhodujú v jednom: každá sekunda načítania navyše znižuje konverzný pomer rádovo o jednotky percent, na mobile viac. Pri e-shope s tržbou 20 000 € mesačne a tromi sekundami navyše sa bavíme o stovkách až tisícoch eur mesačne, ktoré odídu ku konkurencii. Zrýchlenie webu je jedna z mála investícií, ktorá sa vráti bez toho, aby ste museli meniť produkt alebo cenu.

Poradie prác, ktoré odporúčame

1. Zmerajte (PageSpeed Insights, mobil), zapíšte skóre a LCP.
2. Obrázky: zmenšiť, WebP, lenivé načítanie. Najväčší efekt za najmenej práce.
3. Cache na hostingu a v e-shope.
4. Audit pluginov a skriptov, vypnúť nepoužívané, meranie až po súhlase.
5. Písma na vlastný hosting, jedno písmo.
6. Zmerajte znova. Ak ste stále pod 50 bodmi na mobile, problém je v šablóne a oplatí sa riešiť ju.

Čo nerobiť

Neinštalujte tri optimalizačné pluginy naraz. Bijú sa navzájom a web sa môže rozbiť. Nenastavujte agresívnu cache na e-shope bez vylúčenia košíka. Nekupujte „rýchly hosting“ skôr, než zmenšíte obrázky. Väčšina pomalých webov nie je pomalá kvôli serveru.

Ak chcete vedieť, kde presne váš e-shop stráca sekundy, pošlite nám adresu. Audit rýchlosti robíme ako prvý krok pri každom prevzatí webu a výsledok dostanete v ľudskej reči, nie v tabuľke skratiek.