Pomalý e-shop prodává méně. Tato závislost platí měřitelně a výzkumy ji opakovaně potvrzují napříč odvětvími. Přitom jednou z nejčastějších příčin pomalého načítání jsou nekomprimované produktové fotografie. Komprese obrázků je přitom zásah, který nevyžaduje přeprogramování webu ani zásah do designu. Tento článek ukazuje, kde konkrétně nekomprimované obrázky poškozují výkon e-shopu, co se děje v hlavě nakupujícího během čekání na načtení stránky a kde jsou největší rezervy pro zlepšení.
Co říkají čísla o rychlosti a konverzích
Zpomalení načítání mobilní stránky o jednu či více sekund už drasticky snižuje konverzní poměr. U stránek, které se načítají déle než tři sekundy, opustí stránku před dokončením nákupu více než polovina návštěvníků.
Tato čísla se promítají přímo do tržeb. E-shop s měsíčním obratem 500 000 Kč, který zrychlí načítání produktových stránek o dvě sekundy, reálně zvýší tržby bez jediné koruny investované do reklamy nebo akvizice nových zákazníků.
Kde obrázky rozhodují nejvíce
Obrázky tvoří průměrně 50 až 75 % celkové datové hmotnosti webové stránky. U e-shopů s produktovými galeriemi, detailními záběry a fotografiemi variant je tento podíl ještě vyšší. Nekomprimovaná fotografie z fotoaparátu nebo od fotografa váží běžně 4 až 12 MB. Správně připravená produktová fotografie pro web by měla vážit pod 200 kB, ideálně méně.
Rozdíl mezi 8 MB a 150 kB není technický detail. Na mobilním připojení s rychlostí 10 Mbit/s stáhne prohlížeč soubor 8 MB za více než 6 sekund. Soubor 150 kB za zlomek sekundy. Přičemž produktová stránka typicky obsahuje nikoli jeden, ale 6 až 12 fotografií.
Jak pomalé načítání působí na nakupujícího
Zákazník, který čeká na načtení produktové fotografie, se nenachází v klidném rozpoložení trpělivého čekání. Studie zaměřené na chování uživatelů při nakupování online ukazují, že nejistota a neviditelný obsah spouštějí pochybnosti o důvěryhodnosti prodejce. Zákazník si podvědomě klade otázku, zda web funguje správně, zda je objednávka bezpečná a zda stojí za to čekat.
Tato pochybnost se zesiluje v momentech rozhodování. Zákazník, který váhá mezi dvěma produkty a chce si prohlédnout detailní fotografii materiálu nebo švu, při pomalém načítání fotogalerie jednoduše odchází ke konkurenci. Nezanechá recenzi, nenahlásí problém, jen zmizí.
Mobilní uživatelé jsou nejzranitelnější skupina
Podíl mobilních nákupů na celkovém e-commerce obratu v České republice překračuje 40 % a dále roste. Mobilní uživatelé přitom čelí dvěma nevýhodám najednou: pomalejšímu připojení a menší ochotě čekat. Výzkumy konzistentně ukazují, že tolerance vůči čekání je na mobilních zařízeních kratší než na desktopu.
E-shop, který neoptimalizuje obrázky pro mobilní zobrazení, tedy systematicky ztrácí zákazníky v segmentu, který roste nejrychleji. A přitom řešení existuje a není složité.
Kde v e-shopu nekomprimované obrázky škodí nejvíce
Produktové stránky a galerie
Produktová stránka je místo, kde zákazník dělá rozhodnutí. Pomalé načítání fotografií v tento moment přichází v nejhorší možný okamžik. Zákazník je blízko konverze, jenže místo okamžitého přístupu k vizuálním informacím čeká.
Fotogalerie s 8 fotografiemi, z nichž každá váží 5 MB, zatěžuje připojení 40 MB dat. Po správné kompresi produktových fotografií klesne stejná galerie na 1,2 až 2 MB bez viditelného rozdílu v zobrazené kvalitě.
Stránky kategorií s náhledy
Stránka kategorie zobrazuje desítky produktů najednou, každý s náhledovou fotografií. Pokud jsou tyto náhledy nekomprimované nebo nesprávně oříznuté, stránka přenáší obrovské množství dat pro obrázky, které zákazník vidí v rozměrech 200 × 200 pixelů. Načítání se výrazně protáhne a zákazník přichází o přehled zboží v době, kdy ho ještě teprve hledá.
Hlavní stránka a bannery
Bannery na hlavní stránce bývají ze všech obrázků na e-shopu rozměrově největší. Marketingové oddělení dodá fotografie v tiskové kvalitě, ty se nahrají bez úpravy a hlavní stránka se najednou načítá 8 sekund. Přitom právě hlavní stránka je první kontaktní bod s novým zákazníkem, který ještě nezná brand a rozhoduje se, zda e-shopu věnuje pozornost.
Jak začít s optimalizací obrázků v e-shopu
Systematický přístup k optimalizaci obrázků nevyžaduje technické znalosti. Postup je přímočarý:
- Auditujte stávající stav nástrojem Google PageSpeed Insights. Výsledky ukážou, které stránky mají největší datovou zátěž z obrázků a kde jsou rezervy největší.
- Stanovte cílové velikosti souborů pro každý typ obrázku: bannery do 300 kB, produktové fotografie do 150 kB, náhledy do 40 kB.
- Zpracujte stávající obrázky nástrojem pro kompresi obrázků a nahraďte původní soubory optimalizovanými verzemi.
- Nastavte interní pravidlo pro nahrávání nových fotografií, aby každý soubor prošel kompresí před nahráním do CMS.
- Ověřte výsledky opětovným měřením v PageSpeed Insights a porovnáním konverzního poměru v analytickém nástroji.
Co získá e-shop po optimalizaci obrázků
Zrychlení načítání se projeví v několika oblastech najednou. Konverzní poměr roste, protože zákazníci se dostávají k vizuálním informacím rychleji a s menší mírou frustrace. Bounce rate klesá, protože stránka reaguje dříve, než zákazník ztratí trpělivost. Google hodnotí rychlost jako součást Core Web Vitals, takže lepší skóre přináší i vyšší pozice v organickém vyhledávání.
Všechny tři efekty přitom přicházejí ze stejného zásahu. Optimalizace obrázků patří mezi výjimečné případy, kde jedna technická úprava zlepší zároveň uživatelský zážitek, marketingový výkon i SEO.
