Zrychlete svůj web optimalizací načítání, zmenšením velikosti souborů a vylepšením uživatelského zážitku pro lepší SEO i konverze.
Thomas Haurum
Existuje něco víc frustrujícího než přijít na extrémně pomalý web? Odpověď zní: pravděpodobně ne.
Naše trpělivost při hledání informací nebo produktů online je omezená. Pokud narazíme na pomalý web, jednoduše jdeme o dům dál.
Špatná rychlost znamená jen problémy. Zhoršuje uživatelský zážitek a tím i váš jako majitele. Riskujete ztrátu objednávek, Google navíc zaznamená, že lidé váš web rychle opouštějí.
Jak tomu předejít? Zaměřte se důsledněji na optimalizaci rychlosti.
Optimalizace rychlosti je komplexní disciplína zahrnující teorii i techniku. Proč je najednou tolik v centru pozornosti?
Google stále ladí svůj algoritmus, aby přinášel lepší výsledky uživatelům, a rychlost webu je nyní přímým faktorem pro pořadí ve vyhledávání. Necháte-li načítání webu bez povšimnutí, Google vás může penalizovat.
A kromě přizpůsobení algoritmu Google má rychlost ještě důležitější funkci: potěšit vaše uživatele. Výzkumy ukazují, že o uživateli rozhoduje už první sekunda. Důsledky webu s čekáním nad vteřinu zahrnují:
Je to jednoduché. Rychlost načítání ovlivňuje zážitek uživatele, konverzní poměr i obrat.
Jinými slovy, nehledejte výmluvy. Přestaňte otálet a optimalizujte rychlost! Pokud máte ambice na internetu, je to nutnost.
V tomto článku shrnu základní kroky, které tvoří základ rychlého webu.
Na začátek je třeba zjistit, jak na tom váš web je. Existuje mnoho nástrojů k analýze a určení konkrétních problémů. Osobně doporučuji GTmetrix – je zdarma, komplexní a uživatelsky přívětivý. Rozhraní je intuitivní a hodnotí web na škále 1-100. Vedle celkového skóre vidíte i hodnocení dle jednotlivých parametrů, což jasně ukáže problémové části.
Proces optimalizace závisí na stavbě webu a vašich technických znalostech. Většina open source CMS nabízí spousty možností optimalizace pomocí pluginů, čímž ušetříte za vývojáře.
Pokud je váš web jako většina ostatních, můžete začít s těmito běžnými možnostmi optimalizace.
Pluginy jsou skvělé a mohou vylepšit vzhled i funkčnost webu. Ale! Právě pluginy bývají největším viníkem pomalého načítání. Čím více pluginů, tím více souborů načítáte. A jakmile musí prohlížeč sáhnout po mnoha souborech, výrazně to zpomalí načítání. Důležitá je i kvalita pluginů – je rozdíl, jak jsou naprogramované a komprimované. Špatné pluginy navíc představují bezpečnostní riziko a mohou vás připravit o web.
Doporučuji proto pečlivý výběr. Instalujte jen to, co přináší byznysu skutečný užitek a vyhněte se zbytečným udělátkům.
Základem je vždy obrázky komprimovat. Důležité jsou dvě věci: rozměr (délka x šířka) a komprese (KB/MB). Je třeba obojí promyslet a použít současně.
Oříznutí
Kde bude obrázek použit? Ve velkém slideru musí rozměry odpovídat. Nejste-li si rozměrem jistí:
Tady zjistíte přesnou velikost originálu a zobrazovanou velikost.
Díky tomu obrázek upravíte přesně na požadované rozměry.
Komprese
Nikdo se nechce vzdát kvality, protože produkty musejí vypadat co nejlépe – to je správný přístup. Přesto lze obrázek zmenšit beze ztráty kvality – tedy méně bajtů se stejnou kvalitou. Lze to udělat ztrátovou i bezztrátovou kompresí. Velikost souboru se tak snižuje snížením počtu barev, potřebuje méně dat ke stažení. Rozdíl téměř nepoznáte, ale efekt je značný.
Používáte-li WordPress, můžete použít plugin Smush Image Compression and Optimization, který obrázky komprimuje automaticky během nahrávání. Pokud WordPress nemáte, přežeňte obrázky před nahráním přes TinyPNG.com.
Každý odkazovaný soubor znamená žádost prohlížeče na server, což zvyšuje prodlevu a snižuje rychlost webu.
Příklad
Provozujete e-shop přes 5 let a za tu dobu vám byl doporučen nespočet chytrých nástrojů jako MailChimp, SleekNote, Pixely, Analytics, Hotjar, CrazyEgg, Facebook Messenger Plugin, LinkedIn Conversion Tracking atd. K tomu tři různé fonty pro text, další pro nadpisy, jeden kurzíva pro recenze. Nakonec odkazujete 17 různých skriptů JavaScript, každý se speciálním efektem, protože přece chcete krásný web.
Jistě existuje řada argumentů pro všechny tyto nástroje. Výsledkem je ale pomalejší web.
Zvažte a upřednostněte, co opravdu potřebujete
Potřebujete opravdu všechny fonty? Nebo jedete stále LinkedIn Conversion Tracker? Smažte, co příliš nepoužíváte a nefunguje podle očekávání.
Slučte CSS a JavaScript soubory
Místo odkazování pěti skriptů vše spojte do jednoho. Požádejte vývojáře nebo použijte plugin. Pro WordPress doporučuji Autoptimize.
Slyšeli jste o cache, ale nevíte přesně, co je zač? Jednoduše řečeno, cache ukládá data z navštívených webů. Když přijdete poprvé na wemarket.cz, prohlížeč načítá vše ze serveru. Při druhé návštěvě má už cache uloženou a stáhne data mnohem rychleji.
Pokud cache ještě nevyužíváte, nezoufejte. Většina CMS nabízí plugin pro cache.
Mnozí netuší, ale verze PHP výrazně ovlivňuje rychlost webu. Změnu provedete u svého hostingu (třeba Unoeuro, One.com, SurfTown).
Aktuálně jsou k dispozici verze PHP 5.0 až 7.4.
Doporučujeme přejít na nejnovější verzi, ale pozor, může to mít vliv na vzhled webu.
Neváhejte kontaktovat vývojáře kvůli aktualizaci kodexu nebo dalším rychlým vítězstvím. Vy i zákazníci to oceníte.
Další související články:
Google spouští lepší možnosti A/B testování
Proč Google přechází na Mobile First indexaci?
WeMarket má zkušenosti s tvorbou webů – více najdete zde.
At WeMarket, we offer businesses a benchmark report that compares their marketing efforts with their key competitors. You decide which competitors we should compare against.
We specialise in selling physical goods online and growing webshops – and now you can benefit from this expertise, even if you’re not already a client.
It’s completely free.
