Proč je můj web pomalý a stojí nás to zákazníky?

Web se na kancelářském notebooku otevře a vypadá v pořádku. Pak se zákazník zmíní, že mu na telefonu načítání trvalo věčnost, nebo si ho sami otevřete na mobilních datech na parkovišti a sledujete, jak logo stojí osamoceně na bílé obrazovce, zatímco zbytek dobíhá. Zadáte do vyhledávače proč je můj web pomalý, spustíte bezplatný test rychlosti a dostanete stránku plnou červených značek a odborného žargonu, který neříká, co vlastně máte udělat.

Obvyklé závěry zní, že je potřeba navýšit hosting nebo celý web přestavět. Někdy jedno z toho platí. Častěji je příčin jen pár, jsou vidět v prohlížeči, který už máte, a ty levné jdou první. Pomalý web není jen nepříjemnost: návštěvník, který čekal tak dlouho, až ho to začalo dráždit, jen zřídka vyplní formulář, a je to jeden z tišších důvodů, proč web má návštěvníky, ale žádné poptávky.

Proč je můj web pomalý: obvyklé příčiny

Obrázky jsou mnohem větší než místo, které zaplňují. Fotografie jdou z fotoaparátu nebo fotobanky rovnou na stránku v několikanásobku šířky rámečku, ve kterém sedí, a prohlížeč stáhne celý soubor, než ho zmenší. Příznak: struktura stránky se objeví rychle, ale obrázky se doplňují jeden po druhém a web je na telefonu znatelně horší než na počítači s kabelem.

Příliš mnoho pluginů, widgetů a skriptů. Web na redakčním systému nebo v editoru za léta nasbírá doplňky: slider, chatovací okno, několik analytických značek, cookie lištu, rezervační modul, který už nikdo nepoužívá, automaticky spouštěné video v záhlaví. Každý načítá vlastní kód, než se stránka ustálí. Příznak: stránka pracuje dlouho poté, co je text vidět, tlačítka chvíli nereagují a rozložení poskakuje, jak přicházejí jednotlivé části.

Server pomalu odpovídá. Než se objeví jediný kousek stránky, prohlížeč čeká na server. Levný sdílený hosting, redakční systém, který při každé návštěvě skládá stránku od nuly, protože je vypnutá cache, nebo databáze, která léta narůstala, se projevují stejně: chvíli prázdná bílá obrazovka a pak všechno najednou.

Návštěvník je daleko od serveru. Web hostovaný v jedné zemi a navštěvovaný z jiné ztrácí čas už samotnou vzdáleností; doma působí rychle a v zahraničí pomalu a doma si toho nikdo nevšimne. Příznak: stížnosti přicházejí z konkrétního regionu.

Něco na stránce blokuje všechno ostatní. Písmo, které se musí stáhnout, než se vykreslí jakýkoli text, mapa vložená na každé stránce, skript čekající na službu třetí strany, která má špatný den. Příznak: web je některé dny v pořádku a jiné ne, nebo zůstává prázdný, dokud se neobjeví jeden konkrétní prvek.

Jak poznat, která z nich je ta vaše

Všechno níže zvládnete s telefonem, notebookem a bezplatnými nástroji, které už máte v prohlížeči. Postupujte popořadě; první kontrola, která neprojde, je obvykle vaše příčina.

1. Otevřete web na telefonu na mobilních datech, ne na wifi. Zhruba změřte čas hodinkami od klepnutí na odkaz do chvíle, kdy můžete číst a klepat, a pak totéž udělejte na notebooku. Telefon, který je výrazně horší, ukazuje na obrázky a těžké skripty.
2. Sledujte, co se objeví jako první. Obnovte stránku a všimněte si pořadí. Prázdná obrazovka a pak všechno najednou ukazuje na server; nejdřív text a obrázky dobíhající po jednom ukazují na obrázky; poskakující rozložení a nereagující tlačítka ukazují na skripty.
3. Spusťte jeden bezplatný test rychlosti od velkého vyhledávače nebo výrobce prohlížeče a skóre ignorujte. Čtěte jen seznam největších souborů a navrhovaná zlepšení: srozumitelně pojmenují příliš velké obrázky, nepoužívané skripty a pomalou odezvu serveru. Otestujte stránku služby, ne jen úvodní stránku.
4. Otevřete vývojářské nástroje prohlížeče na záložce Síť, obnovte stránku a seřaďte podle velikosti. Pokud jsou největší položky obrázky mnohem větší než viditelný obrázek, máte odpověď; pokud je v seznamu několik desítek skriptů z domén, které nepoznáváte, spočítejte pluginy.
5. Sepište každý plugin, widget a značku třetí strany na webu a ke každé napište, kdo ji používá a k čemu. Podle naší zkušenosti je seznam delší, než kdokoli čekal, a část z něj je mrtvá.
6. Zkontrolujte hostingový tarif a nastavení cache. Přihlaste se do administrace hostingu a podívejte se, za co platíte a zda je zapnutá cache stránek. Pokud to nevíte, ví to ten, kdo web stavěl, a otázka zabere jeden e-mail.
7. Otestujte web ze svých dalších trhů. Požádejte kolegu v zahraničí, aby změřil tu samou stránku, nebo použijte bezplatný test, ve kterém si lze vybrat místo testování.

Oprava, popořadě

Nejlevnější první. Podle naší zkušenosti většina webů získá většinu své rychlosti zpět v prvních třech krocích, bez přestavby.

1. Zmenšete a zkomprimujte obrázky. Exportujte fotografie ve velikosti, kterou rozložení skutečně používá, v moderním webovém formátu, a nahraďte originály; v redakčním systému zvládne plugin pro optimalizaci obrázků celou knihovnu na jeden průchod. Je to nejčastější oprava a stojí jedno odpoledne.
2. Odstraňte, co se nepoužívá. Deaktivujte a smažte každý plugin, widget a značku, ke kterým nikdo nedokázal jmenovat uživatele, slučte duplicitní analytické značky do jedné, nahraďte živě vloženou mapu statickým obrázkem s odkazem na mapu a všechno pod první obrazovkou načítejte odloženě.
3. Zapněte cache. Cache stránek znamená, že server vydá hotovou kopii místo toho, aby stránku skládal pro každého návštěvníka znovu. Většina redakčních systémů a hostingů ji nabízí jako nastavení nebo plugin.
4. Opravte blokující prvky. Načítejte písma tak, aby se text zobrazil okamžitě v náhradním písmu a později se vyměnil, odložte skripty, které první obrazovka nepotřebuje, a přesuňte veškeré video pryč ze záhlaví. Obvykle hodina práce vývojáře, ne projekt.
5. Přesuňte web blíž k návštěvníkovi. Síť pro doručování obsahu, tedy CDN, uchovává kopie vašich statických souborů v mnoha regionech, takže návštěvník v jiné zemi stahuje z blízka. Většina hostingů a doménových služeb ji nabízí; pokud prodáváte přes hranice, patří na seznam před jakékoli navýšení hostingu.
6. Hosting navyšte jen tehdy, když je server prokazatelně pomalý. Pokud čekání na prázdnou obrazovku zůstává i po zapnutí cache, úzkým hrdlem je tarif. Přejděte na tarif, který odpovídá návštěvnosti, ne na nejlevnější, který technicky funguje.
7. Přestavte nejtěžší stránky, ne celý web. Pokud šablona tahá na každou stránku desítky komponent, často stačí přestavět klíčové vstupní stránky na lehčí struktuře. V našich projektech tvorby webových stránek je rychlost kritériem spuštění a právě v tomto kroku se stránka navrhuje podle toho, co má dělat, a ne podle toho, co nabízí šablona.

Rychlost ovlivňuje i to, jak je web k nalezení: vyhledávače měří stejné čekání, které cítí vaši návštěvníci, takže změny výše jsou součástí každé poctivé SEO práce. A pokud byl web pomalý dlouho, některé poptávky se potichu ztratily; zaznamenávání toho, odkud každá poptávka přichází, čímž naše CRM a analytické projekty začínají, vám řekne, zda oprava něco změnila.

Co měřit

• Čas do použitelné stránky na telefonu přes mobilní data, měřený ručně pokaždé stejným způsobem, každý měsíc.
• Váha stránky a počet požadavků u hlavních vstupních stránek, ze záložky Síť, před každou změnou a po ní.
• Doba odezvy serveru uvedená v testu rychlosti, tedy čekání, než cokoli dorazí, která by po zapnutí cache měla klesnout.
• Míra opuštění a dokončené formuláře na stránkách, které jste změnili, ve vaší analytice, několik týdnů po změně proti několika týdnům před ní.

Kde přicházíme na řadu my

Majitel s jedním večerem, hodinou vývojáře a přihlášením k hostingu tohle všechno zvládne sám. My přidáváme pořadí: obrázky a mrtvou zátěž před hostingem, cache před přestavbou a měření před a po, aby zlepšení bylo fakt, a ne pocit. Pokud diagnózu raději předáte nám, k začátku stačí krátký brief s adresou webu a stránkami, na kterých záleží nejvíc.

← Všechny články