Vodnísvěty.cz · Technický nález · Mobil
Podklad obsahuje jen to, co jde ověřit měřením nebo prostým pohledem na telefon. Měřeno 21. a 22. července 2026.
Z mobilu přijde 85 % všech návštěv e-shopu. Cokoli, co na telefonu překáží, se tedy týká skoro celé návštěvnosti.
Měřeno nástrojem Lighthouse od Googlu na simulované mobilní síti. Metrika LCP říká, za jak dlouho se objeví hlavní obsah stránky. Google ji používá i při hodnocení webu.
| stránka | LCP | skóre výkonu |
|---|---|---|
| titulní | 10,7 s | 57/100 |
| kategorie (Akvarijní ryby) | 12,7 s | 51/100 |
| produkt (čerpadlo Oase) | 12,7 s | 48/100 |
Google považuje za dobré LCP do 2,5 s a za špatné cokoli nad 4 s. Stránky jsou tedy zhruba třikrát až pětkrát za hranicí „špatné“.
Server přitom odpovídá rychle, do 330 ms. Problém je až v tom, co se do prohlížeče posílá:
| příčina | odhad dopadu | kdo to může opravit |
|---|---|---|
| web běží na starším protokolu HTTP/1.1 | ~1,5 s | jen Upgates |
| obrázky nejsou v úsporných formátech, z CDN jde 901 kB | ~0,6 s | my |
| cizí skripty blokují vykreslování: GA4 272 ms, Facebook 183 ms, chat 47 ms, Sklik 13 ms | stovky ms | my, jde je načítat později |
HTTP/1.1 stojí za samostatnou zmínku. Ověřili jsme třemi nezávislými způsoby, že web i jejich CDN běží na starším protokolu, který stahuje soubory po jednom místo souběžně. Chrome napočítal 37 požadavků z CDN mimo HTTP/2. Všechny jdou z infrastruktury Upgates, ne z našeho nastavení. Je to nejlevnější zrychlení, které je k dispozici, protože nevyžaduje zásah do webu. Stojí za to se jich zeptat, jestli to jde zapnout.
Prošli jsme nákup na telefonu s plochou 390 na 844 bodů. Je to druhý nejrozšířenější mobilní displej na světě, zhruba 8 % provozu (iPhone 12 až 14). Nejčastější je 360 na 800 bodů s podílem kolem 11 %, tedy displej ještě o něco menší.
Novější a dražší telefony na tom nejsou o mnoho lépe. Přibývá jim fyzických bodů, ale plocha pro web zůstává podobná, protože roste hustota obrazu, ne velikost plochy:
| telefon | plocha pro web |
|---|---|
| nejčastější displej na světě | 360 na 800 |
| náš test (iPhone 12 až 14) | 390 na 844 |
| Samsung Galaxy S24 Ultra | 384 na šířku |
| iPhone 16 Pro | 402 na 874 |
| Google Pixel 9 Pro | 427 na 952 |
Vlajkový Samsung má tedy plochu užší než náš test a iPhone 16 Pro o 3 % širší. Náš test je proto spíš mírný: na nejrozšířenějším telefonu zabírá okno po přidání do košíku 83 % obrazovky místo 79 %. Kdo si navíc v telefonu zvětší písmo, spadne plocha až na 320 bodů na šířku.
| co překáží | rozměr |
|---|---|
| plovoucí widget Overenyweb, přilepený u spodního okraje na každé stránce včetně objednávky, nenašli jsme způsob, jak ho zavřít | 128 bodů na výšku |
| okno po přidání do košíku | 664 bodů, tedy 79 % obrazovky |
| zaškrtávátka ve třetím kroku objednávky | 8 kusů |
| formulářová pole u dopravy a platby | 18 |
| tlačítka a odkazy menší než doporučených 32 bodů | 38 až 42 na stránku |
| kroky objednávky | 3 |
Widget je připnutý deset bodů nad spodní hranou a zůstává tam pořád. Spodní okraj je přitom na telefonu to nejcennější místo, palec tam dosáhne nejsnáz a sedí tam i tlačítko pro pokračování v objednávce. U nového návštěvníka se pod widget ještě přidá cookie lišta, takže spodních zhruba 250 bodů obrazovky zabírá něco jiného než e-shop.
U výběru dopravy má každá možnost dlouhý popis, takže se na jednu obrazovku vejdou zhruba dvě. Žádná chyba v kódu se přitom neobjevila, stránky se nerozbíjejí. Je to nahromaděný nábytek, ne porucha, což je také důvod, proč si toho nikdo nevšiml.
Obojí je úprava v základním režimu editoru kódu, modul Designer zůstává funkční.
1. Vypnout plovoucí widget v objednávce. V košíku a při výběru dopravy překáží nejvíc, protože trvale zabírá spodní okraj obrazovky, tedy místo, kam patří tlačítko pro pokračování.
2. Zkrátit třetí krok objednávky. Osm zaškrtávátek a osmnáct polí je na telefonu hodně. Část z nich jde sloučit nebo přesunout mimo objednávku.
Dále nabízíme, ale už to není na pár hodin: sbalit dlouhé popisy u dopravy, zvětšit klikací plochy, odložit načítání cizích skriptů a převést obrázky do úsporných formátů.
Apple Pay a Google Pay. Spojí adresu i platbu do jednoho potvrzení, což je nejbližší možnost, jak v Upgates ubrat krok. Pokud jde o nastavení na straně platební brány a ne o zásah do šablony, je to nejlepší poměr přínosu a ceny z celého seznamu.
Chtěli jsme spočítat, o kolik hůř mobil konvertuje proti počítači, a spolehlivé číslo z toho nevyšlo. Důvody jsou dva a ani jeden nejde obejít lepším počítáním:
Výsledek se podle zvoleného způsobu výpočtu měnil i několikanásobně, takže jsme se rozhodli žádné číslo neuvádět. Zodpovědět ji půjde, až bude splněné obojí: objednávky se budou hlásit ze serveru a ne až ze stránky po návratu z platby, a zároveň bude dost dat, aby čísla něco unesla. Při dnešní návštěvnosti by se menší zlepšení prokazovalo přes rok, proto dává smysl pustit se nejdřív do návštěvnosti a k mobilu se vrátit, až bude co měřit. Do té doby platí, že všechno výše uvedené na tomhle čísle nestojí, je to buď prosté měření, nebo se to dá na telefonu vidět na vlastní oči.