Proč je web na mobilu pomalý, jak změřit rychlost webu a co s tím

Na počítači v kanceláři se váš web načte hned. Zákazník ho ale otevírá na mobilu, na zastávce nebo na chalupě se slabým signálem. Tam může tentýž web naskakovat deset vteřin. A nikdo vám to neřekne: lidé nečekají, klepnou zpátky a zavolají dalšímu ve výsledcích.

Zjistit, jestli je váš web pomalý, trvá minutu a nic to nestojí. Oprava bývá jednodušší, než se čeká. Nejčastěji za to můžou fotky a věci, které na webu vůbec být nemusí. Tady je, jak to poznat a co s tím.

Proč na rychlosti záleží

Na mobilu lidé hledají, když něco potřebují hned: teče voda, bolí záda, chtějí volný pokoj na víkend. Nepotřebujete k tomu žádné statistiky. Stačí si vzpomenout, jak dlouho čekáte vy, když se stránka nenačítá.

Druhý důvod je Google. Weby posuzuje podle toho, jak vypadají na mobilu, a sám píše, že rychlost a plynulost stránky jeho systémy při řazení výsledků používají. Nepřeceňujte to ale. Podle Googlu má vždycky přednost stránka, která nejlépe odpovídá na hledání, i když je pomalejší. Rychlost může pomoct hlavně tam, kde je víc podobně dobrých webů.

Jak to změřit za minutu

1. Naše bezplatná kontrola. Na hlavní stránce je kontrola webu. Zadáte adresu a za necelou minutu uvidíte známku za rychlost na mobilu, za jak dlouho se ukáže hlavní obsah a co zlepšit jako první. Měří to Google, kontrola jeho výsledek jen převede do lidské řeči. Bez registrace.
2. PageSpeed Insights od Googlu. Stejné měření přímo u Googlu na pagespeed.web.dev, jen s víc podrobnostmi a víc odbornými slovy. Vložíte adresu, spustíte měření a díváte se na výsledek pro mobil.
3. Vlastní palec. Otevřete web na mobilu, ale na datech, ne na wifi, a zkuste to i mimo město. Co vidíte vy, vidí i zákazník.

Co znamenají hlavní čísla

PageSpeed Insights ukáže spoustu údajů. Pro začátek stačí tyhle čtyři:

Nahoře může být ještě část s daty od skutečných návštěvníků. Google je sbírá z prohlížeče Chrome za posledních 28 dní, ale jen u webů, které mají dost návštěv. Malé weby tuhle část často nemají a to je v pořádku. Pak se řiďte testem pod ní, tedy skóre, LCP a CLS. Místo INP tam najdete Total Blocking Time: jak dlouho je telefon zaneprázdněný kódem webu a nereaguje. Čím menší číslo, tím líp. A nenechte se rozhodit, že nemáte stovku. Nejdůležitější je hlavní obsah do 2,5 sekundy.

Co web nejčastěji brzdí

• Obří fotky. Fotka z mobilu má několik megabajtů, na web stačí pár set kilobajtů. Jak je zmenšit, je v článku Fotky na web mobilem.
• Slider na úvodu. Pět velkých fotek, které se točí dokola. Telefon často stahuje všechny, i když člověk uvidí jen první.
• Spousta pluginů. Každý doplněk ve WordPressu nebo ve skládačce typu Webnode či Wix je kód navíc, který se musí načíst. Víc v článku Webnode, Wix, WordPress, nebo web na míru?
• Chaty a widgety. Chatovací okénko, vložený Facebook, Instagram, mapa, video, hodnocení z cizí služby. Každá taková věc si stahuje kód z cizího serveru.
• Levný nebo přetížený hosting. Hosting je počítač, na kterém web běží. Když dlouho přemýšlí, než vůbec začne stránku posílat, zdrží všechno ostatní.
• Ozdobná písma. Tři čtyři různá písma z internetu a text čeká, než se všechna stáhnou.

Rychlé opravy

Něco zvládnete sami ve správě webu, zbytek je práce pro toho, kdo vám web spravuje. Začněte odshora, první body pomáhají nejvíc.

1. Zmenšete fotky a nahrajte je znovu. Hlavně tu velkou nahoře na úvodní stránce.
2. Slider nahraďte jednou dobrou fotkou a jasnou větou, co děláte.
3. Projděte pluginy a doplňky. Co nepoužíváte, vypněte a odstraňte.
4. U chatů a widgetů si řekněte, jestli je opravdu někdo používá. Mapu může nahradit odkaz na navigaci, video se může načíst až po klepnutí.
5. Nechte jedno, nejvýš dvě písma.
6. Zeptejte se správce nebo hostingu na cache. To znamená, že si server hotovou stránku zapamatuje a nemusí ji pro každého skládat znovu.

Po každé opravě změřte web znovu. Uvidíte, co pomohlo, a nebudete dělat zbytečnou práci.

Kdy má smysl postavit web znovu

Když po drobných opravách zůstane skóre hluboko pod 50, bývá chyba ve stavbě webu, třeba v šabloně, která táhne spoustu zbytečného kódu. Pak má smysl zvážit, jestli starý web neopravovat donekonečna a nepostavit nový.

Nový web jsem postavil třeba rodinné půjčovně lyží SKI Rental Honců ve Vrchlabí. Starý web na WordPressu se na mobilu načítal 13,1 sekundy. Třináct vteřin je pro zákazníka věčnost. Nový má pět jazyků, ceník jako text místo obrázku a správu, ve které si majitel mění ceny a otevírací dobu sám. Načtení na mobilu kleslo na 3,8 sekundy.

Z čeho se skládá cena nového webu, rozebírám v článku Kolik stojí web pro živnostníka.

Chcete vědět, jak je na tom ten váš? Změřte si web zdarma. Stačí zadat adresu a za minutu víte, jestli je co řešit, a pokud ano, čím začít.