Ako zrýchliť e-shop: praktický návod bez programovania

Pomalý e-shop je drahý e-shop. Zákazník v mobile porovnáva ceny, dopravu a recenzie vo viacerých obchodoch naraz. Ak sa u vás produkty načítajú neskoro, filter zamrzne alebo košík reaguje pomaly, nakúpi u konkurencie. Platí to pre WooCommerce, Shoptet, PrestaShop aj vlastné riešenia.

Dobrá správa: veľa zrýchlenia zvládnete ako majiteľ aj bez programovania, ak viete, kde hľadať. V tomto návode nájdete postup krok za krokom a plán na 30 dní.

Prečo je e-shop pomalší než firemná vizitka

Bežný firemný web má pár podstránok a kontaktný formulár. E-shop pridáva stovky produktov, filtre, košík, platobnú bránu, recenzie, chat a marketingové skripty. Každá vrstva pridáva dáta, ktoré musí telefón stiahnuť a spracovať. Preto má e-shop na mobile často nižšiu známku než jednoduchá vizitka a potrebuje systematický plán, nie jednu „rýchlu opravu“.

Krok 1: Zmerajte, než začnete niečo meniť

Bez čísla neviete, či úprava pomohla. Spustite meranie zadarmo a zapíšte si:

• mobilnú známku 0–100,
• známku pre počítač,
• tri najdôležitejšie tipy pri výsledku.

Nemerajte len úvodnú stránku. Zadajte aj adresu jednej kategórie a jedného produktu, lebo práve tam sa rozhoduje o nákupe a tam býva e-shop najpomalší. Výsledok si uložte ako PDF s dátumom.

Ak má váš e-shop dosť návštev, uvidíte aj údaje skutočných zákazníkov z Googlu za posledných 28 dní. Tie sú najspoľahlivejšie. Google odporúča, aby sa hlavný obsah zobrazil do 2,5 sekundy, stránka reagovala na ťuknutie do 200 milisekúnd a obsah neposkakoval (CLS do 0,1), a to pri aspoň 75 % návštev (web.dev – Web Vitals).

Krok 2: Obrázky

Produktové fotky predávajú, ale nezmenšené obrázky sú najčastejšia brzda e-shopu. Majitelia často nahrávajú fotky priamo z fotoaparátu alebo od dodávateľa v plnom rozlíšení.

Čo urobiť:

1. Zmenšite rozmer. Fotka na webe nemusí mať viac pixelov, než zobrazí displej.
2. Použite moderný formát. WebP býva pri rovnakej kvalite menší než JPEG alebo PNG. Mnohé platformy a doplnky ho vedia vytvoriť automaticky.
3. Načítavajte postupne. Fotky nižšie na stránke sa môžu načítať, až keď k nim zákazník doscrolluje (tzv. lazy loading).
4. Prehodnoťte úvodný slider. Päť veľkých fotiek, ktoré sa striedajú na úvode, je častý dôvod pomalého e-shopu.

Obrázky nechcete mazať, chcete ich zmenšiť tak, aby zákazník stále videl kvalitu. Dohodnite sa s fotografom alebo dodávateľom, aby vám posielal fotky už v rozmeroch pre web. Ak produkty importujete z feedu, nastavte zmenšovanie pri importe.

Krok 3: Doplnky a skripty

Chat, vyskakovacie okno so zľavou, recenzie tretích strán, remarketing, cookie lišta, stav skladu v reálnom čase. Každý doplnok pridáva kód a e-shop sa postupne spomalí bez jednej veľkej zmeny.

Praktický audit:

• Vypnite doplnky, ktoré nepoužívate (starý chat, druhý merací nástroj).
• Pred inštaláciou nového modulu zmerajte e-shop a po inštalácii znova.
• Pýtajte sa dodávateľa, či sa funkcia nedá riešiť ľahšie, napríklad recenzie bez ťažkého widgetu.

Pri platobnej bráne a doprave nerobte kompromisy v bezpečnosti, ale pýtajte sa integrátora, ako ovplyvňujú rýchlosť na mobile.

Krok 4: Hosting

Zdieľaný hosting za pár eur môže stačiť pre blog. Pre e-shop s košíkom a návštevnosťou často nie. Príznaky slabého hostingu:

• e-shop je pomalý aj po úprave obrázkov,
• pri akciách alebo pred Vianocami sa spomalí alebo vypadáva,
• aj administrácia e-shopu sa načítava dlho.

Riešením nemusí byť drahý server. Často pomôže výkonnejší balík alebo hosting určený pre e-shopy, prípadne cache a CDN pre obrázky. Na Shoptete a iných hotových platformách hosting nevyberáte, tam viac záleží na šablóne, doplnkoch a obrázkoch.

Krok 5: Kategórie, filtre a košík

Filtre podľa veľkosti, farby či značky sa počítajú pri každom kliknutí. Ak filter na mobile trvá tri sekundy, zákazník odíde. Technické riešenia (cache, zjednodušenie filtrov) robí vývojár, ale obchodné rozhodnutie je vaše: koľko filtrov naozaj potrebujete?

Košík a pokladňa sú miesto, kde sa láme objednávka. Skontrolujte:

• či sa doprava a platba načítajú bez zbytočných externých skriptov,
• či v pokladni nie je zbytočné video alebo veľký banner,
• či všetko funguje na mobilných dátach, nielen na Wi‑Fi v kancelárii.

Mobil má prednosť

Väčšina ľudí prezerá e-shopy v telefóne a Google hodnotí predovšetkým mobilnú verziu webu. Ak máte 90 na počítači a 45 na mobile, optimalizujte pre telefón. Typické problémy na mobile: veľké rozbaľovacie menu, lišty a cookie banner cez pol obrazovky, produktové fotky bez zmenšených verzií pre malý displej. Viac v článku Mobil vs. počítač.

WooCommerce: typické príčiny

WooCommerce s ťažkou šablónou a desiatkami pluginov je častý recept na pomalý e-shop. Pomáha:

• ľahšia šablóna optimalizovaná na rýchlosť,
• cache plugin (nastavenie nechajte na odborníka),
• pravidelné aktualizácie a odstránenie nepoužívaných pluginov.

Ak nemáte vlastného vývojára, s WooCommerce aj inými platformami pomôže lacnyweb.eu.

Pred Black Friday a veľkou kampaňou

Počas akcií prudko narastie návštevnosť a hosting, ktorý bežne stačí, sa môže spomaliť alebo vypadnúť. Rovnako reklama vo feedoch (Google Merchant, katalóg na Facebooku) privádza ľudí priamo na produkty. Ak sa produkt načítava pomaly, platíte za kliky, ktoré neprinesú nákup.

Postup:

1. Zmerajte rýchlosť produktu, kategórie a košíka.
2. Opravte obrázky a doplnky, overte výkon hostingu.
3. Zmerajte znova.
4. Až potom zvýšte rozpočet na reklamu.

Ako čítať známku pre e-shop

• Pod 50 na mobile: naliehavé, pravdepodobne strácate objednávky.
• 50–69: konkurencia môže byť rýchlejšia, naplánujte postupné zlepšenia.
• 70–89: solídne, udržiavajte a merajte po zmenách.
• 90 a viac: výborné, pred sezónou overte výkon hostingu.

Vysvetlenie stupnice nájdete v článku Čo znamená skóre 0–100.

Plán na 30 dní (bez IT tímu)

1. týždeň: meranie úvodu, kategórie a produktu, porovnanie s konkurenciou, zoznam doplnkov na vypnutie.

2. týždeň: obrázky: zmenšiť úvod a kategórie, nastaviť pravidlá pre nové produkty.

3. týždeň: hosting a cache s dodávateľom.

4. týždeň: opätovné meranie a porovnanie objednávok s predchádzajúcim mesiacom.

Potom si nastavte mesačnú kontrolu: nové fotky zmenšené, nepoužívané pluginy vypnuté, jedno meranie kategórie a košíka.

Časté otázky

Mám e-shop na Shoptete alebo WooCommerce? Konkrétne kroky pre platformy nájdete v článkoch Ako zrýchliť Shoptet e-shop a Ako zrýchliť WordPress (platí aj pre WooCommerce).

Musím meniť platformu? Nie vždy. Najprv riešte obrázky, doplnky a hosting. Nový systém má zmysel, až keď je e-shop pomalý aj po týchto úpravách.

Koľko trvá zrýchlenie? Obrázky a doplnky zvládnete za pár dní, väčšie zásahy do šablóny alebo hostingu trvajú týždne.

Ako spoznám pomalý e-shop aj bez merania? Pomôže zoznam 5 znakov pomalej stránky: biela obrazovka na mobile, poskakujúca stránka, zamrznutý košík, sťažnosti zákazníkov.

A čo vyhľadávanie v Google? Rýchlosť je jeden zo signálov, ale relevantný obsah kategórií a produktov je dôležitejší. Viac v článku Rýchlosť webu a SEO.

Čo urobiť teraz

Zamerajte sa na mobil, obrázky, doplnky a hosting. Zmerajte e-shop zadarmo, porovnajte sa s konkurenciou a po každej zmene zmerajte znova. Otázky k vášmu e-shopu? Napíšte nám.