Rychlost webu a SEO: co konkrétně zpomaluje váš web a jak to opravit
ROI index®
Pište kdy vám to vyhovuje
info@roi-index.cz

Rychlost webu a SEO: co konkrétně zpomaluje váš web a jak to opravit

Rychlost webu je jedna z věcí, o které se v marketingu mluví často, ale v praxi ji firmy stále podceňují. Většina majitelů webů ví, že pomalý web není dobrý. Málokdo ale přesně ví, co ho zpomaluje, kde vzniká problém a jaký dopad má rychlost na SEO, kampaně, konverze a důvěru zákazníků.

Jako majitel marketingové agentury se s tím setkávám opakovaně. Firma investuje do reklamy, sociálních sítí, obsahu, e mailingu a SEO, ale web se načítá pomalu. Návštěvník přijde z Google nebo z placené reklamy, několik sekund čeká, stránka se poskakuje, obrázky se dotahují pozdě, tlačítko nejde hned kliknout a uživatel odchází. V analytice pak vidíme vysokou míru opuštění, slabé konverze a rostoucí cenu za poptávku nebo objednávku.

Rychlost webu není technický detail pro programátory. Je to obchodní téma. Každá sekunda navíc může znamenat méně objednávek, méně poptávek a nižší návratnost marketingu. Pokud web nefunguje rychle a stabilně, zbytečně platíte za návštěvnost, kterou nedokážete proměnit v zákazníky.

Proč rychlost webu ovlivňuje SEO

Vyhledávače chtějí uživatelům nabídnout kvalitní výsledek. Kvalita stránky dnes není jen o textu, klíčových slovech a zpětných odkazech. Důležitá je i technická použitelnost. Pokud se stránka načítá pomalu, špatně reaguje nebo se během načítání hýbe obsah, uživatelský zážitek je horší.

Google proto sleduje mimo jiné metriky známé jako Core Web Vitals. Nejde o žádnou magii. Tyto metriky se snaží měřit, jak rychle uživatel uvidí hlavní obsah, jak rychle může se stránkou pracovat a zda se mu během načítání nerozsype rozvržení.

V praxi to znamená, že pomalý web může mít problém konkurovat rychlejším webům, hlavně pokud jsou si obsahově podobné. Rychlost sama o sobě obvykle nezachrání slabý obsah nebo špatnou nabídku, ale může rozhodnout v situaci, kdy se porovnávají podobně silné stránky.

SEO ale není jediný důvod, proč rychlost řešit. Pomalý web zhoršuje výkon reklam. Zvyšuje cenu získání zákazníka. Snižuje důvěru. Zákazník si často neumí pojmenovat, že web má problém s výkonem. Jen má pocit, že firma působí zastarale, neprofesionálně nebo nedůvěryhodně.

Co se děje, když se web načítá pomalu

Typický scénář vypadá takto. Uživatel klikne na výsledek ve vyhledávání nebo reklamu. Očekává rychlou odpověď na svůj problém. Místo toho vidí prázdnou obrazovku, pomalu se načítající banner, pozdě se objevující menu a obsah, který se při načítání posouvá. Pokud je na mobilu a má slabší připojení, problém je ještě výraznější.

Část lidí odejde dřív, než se stránka vůbec zobrazí. Další část sice vydrží, ale už je méně ochotná pokračovat. U e shopu to znamená méně přidaných produktů do košíku. U služeb méně vyplněných formulářů. U B2B webu méně poptávek. U obsahového webu kratší čas na stránce a nižší pravděpodobnost, že uživatel navštíví další stránku.

Rychlost webu je proto potřeba vnímat jako součást celého obchodního procesu. Nestačí přivést návštěvníka. Musíte ho také rychle obsloužit.

Nejčastější chyba: příliš velké obrázky

Jedním z nejběžnějších problémů jsou obrázky. Na mnoha webech vidíme fotografie nahrané přímo z fotoaparátu nebo z grafického programu bez optimalizace. Jeden obrázek má několik megabajtů a na stránce jich je třeba deset. To je pro rychlost zásadní problém.

Často se stává, že web zobrazuje malý náhled produktu nebo ilustrační obrázek v šířce několika set pixelů, ale ve skutečnosti načítá původní soubor ve vysokém rozlišení. Uživatel to nevidí, ale jeho prohlížeč musí stáhnout zbytečně velké množství dat.

U jednoho klienta z oblasti interiérového vybavení jsme řešili kategorii produktů, která se načítala velmi pomalu hlavně na mobilu. Důvod byl jednoduchý. Každý produkt měl velkou fotografii v původním rozlišení. Vizuálně byl web hezký, ale technicky těžký. Po převedení obrázků do modernějšího formátu, nastavení správných rozměrů a komprese se stránka výrazně zrychlila. Klient nemusel měnit design ani nabídku. Stačilo odstranit technickou zátěž, která uživatelům bránila v pohodlném procházení.

Správné řešení je používat obrázky v přiměřené velikosti, komprimovat je, využívat moderní formáty a načítat níže umístěné obrázky až ve chvíli, kdy se k nim uživatel blíží. Tomu se říká lazy loading. Důležité je také nastavit rozměry obrázků v kódu, aby se stránka při načítání neposouvala.

Hero banner jako brzda celého webu

Velký úvodní banner je oblíbený prvek mnoha webů. Často ale bývá zároveň největším viníkem pomalého načítání. Na homepage se vloží obrovská fotografie, video na pozadí nebo animovaný slider. Vypadá to efektně na velkém monitoru v kanceláři, ale na mobilním telefonu to může být katastrofa.

Hero sekce bývá první věc, kterou prohlížeč načítá. Pokud je příliš těžká, uživatel čeká na hlavní obsah. Vyhledávač zároveň vnímá, že nejdůležitější část stránky se zobrazuje pomalu. To může poškodit výkon stránky ve vyhledávání i v reklamních kampaních.

Setkali jsme se s webem poradenské firmy, kde úvodní stránka obsahovala video v pozadí. Video nemělo zásadní informační hodnotu. Bylo tam hlavně kvůli dojmu. Na rychlém internetu působilo dobře, ale na mobilu zdržovalo načítání a zhoršovalo použitelnost. Po nahrazení videa statickým optimalizovaným obrázkem a přidání jasného textu s výzvou k akci se web nejen zrychlil, ale zlepšila se i srozumitelnost nabídky.

Doporučuji u každého velkého banneru položit jednoduchou otázku. Pomáhá tento prvek zákazníkovi rozhodnout se, nebo jen zabírá místo a zpomaluje web? Pokud nepomáhá, je lepší ho zjednodušit.

Příliš mnoho pluginů a rozšíření

Další častý problém se týká redakčních systémů. Web vznikne na populární platformě a časem se do něj přidávají další a další pluginy. Jeden na formuláře, druhý na galerii, třetí na bezpečnost, čtvrtý na cookies, pátý na analytiku, šestý na vyskakovací okno, sedmý na SEO, osmý na překlady. Každý plugin může přidat vlastní skripty, styly a požadavky na server.

Majitel webu často vidí jen pohodlnou funkci v administraci. Nevidí ale technickou cenu, kterou za ni platí. Některé pluginy načítají soubory na všech stránkách, i když se používají jen na jedné. Některé jsou zastaralé. Některé se překrývají a dělají podobnou věc. Výsledek je pomalý web, horší bezpečnost a složitější údržba.

U klienta z oblasti vzdělávání jsme našli web s více než třiceti aktivními pluginy. Část z nich nebyla dlouho používaná, část řešila funkce, které šly nahradit přímo v šabloně. Po auditu jsme pluginy rozdělili na nezbytné, nahraditelné a zbytečné. Web se po vyčištění zrychlil a zároveň se zjednodušila správa. Klient získal stabilnější systém a menší riziko technických chyb.

Řešení není instalovat další plugin na zrychlení. To bývá jen náplast. Nejprve je potřeba zjistit, co web skutečně potřebuje, odstranit nepotřebné doplňky a teprve potom řešit cache, optimalizaci souborů a další technické úpravy.

Špatný hosting

Hosting je základ, na kterém web stojí. Pokud je slabý, přetížený nebo špatně nastavený, žádná optimalizace nepomůže naplno. Levný hosting může být dostačující pro malý prezentační web s nízkou návštěvností, ale nemusí zvládnout větší e shop, katalog, rezervační systém nebo web s kampaněmi.

Problém se často projeví ve chvíli, kdy firma začne investovat do marketingu. Běžný provoz web zvládá, ale po spuštění kampaně návštěvnost naroste a server začne odpovídat pomalu. Uživatelé čekají, objednávky padají, formuláře se odesílají se zpožděním nebo se stránka občas vůbec nenačte.

Jeden e shop za námi přišel s tím, že reklamy jsou drahé a výkon kampaní klesá. Při kontrole jsme zjistili, že problém není primárně v reklamě. Server reagoval pomalu hlavně ve špičce. Produktové stránky se někdy načítaly dobře a jindy velmi špatně. Po přechodu na výkonnější hosting a nastavení cache se stabilita výrazně zlepšila. Teprve potom dávalo smysl ladit kampaně.

U hostingu nesledujte jen cenu. Důležité jsou rychlost odpovědi serveru, stabilita, podpora moderních verzí technologií, kvalitní zabezpečení, možnost škálování a technická podpora. Web, který vydělává peníze, nemá stát na nejlevnějším možném základu.

Pomalá odpověď serveru

Rychlost webu nezačíná až u obrázků a skriptů. Začíná u toho, jak rychle server odpoví na požadavek. Pokud server dlouho přemýšlí, uživatel čeká ještě předtím, než se začne stránka vykreslovat.

Pomalá odpověď serveru může mít více příčin. Slabý hosting, neoptimalizovaná databáze, složitá šablona, příliš mnoho dotazů, špatně napsané rozšíření, chybějící cache nebo velké množství externích požadavků. Na pohled může stránka vypadat jednoduše, ale pod povrchem se může dít mnoho zbytečné práce.

U jednoho katalogového webu jsme zjistili, že každé načtení stránky spouští velké množství databázových dotazů. Výpis produktů se skládal neefektivně a server generoval stránku zbytečně dlouho. Po úpravě dotazů, zavedení cache a zjednodušení filtrování se web začal načítat mnohem stabilněji. To se projevilo nejen na rychlosti, ale také na počtu prohlédnutých stránek na jednu návštěvu.

Technicky je potřeba sledovat hlavně dobu odezvy serveru, efektivitu databáze a to, zda se opakovaně generuje obsah, který by mohl být uložený v cache. Čím méně zbytečné práce musí server dělat, tím rychleji se web dostane k uživateli.

JavaScript, který blokuje načítání

Moderní weby často používají mnoho JavaScriptu. Díky němu fungují interaktivní prvky, formuláře, filtry, měření, chaty, mapy, vyskakovací okna nebo personalizace. Jenže právě JavaScript bývá jedním z hlavních důvodů, proč se stránka dlouho načítá nebo pomalu reaguje.

Prohlížeč musí skripty stáhnout, zpracovat a spustit. Pokud je jich příliš mnoho nebo jsou špatně načtené, blokují vykreslení stránky. Uživatel sice vidí obsah, ale nemůže s ním hned pracovat. Klikne na tlačítko a nic se neděje. Otevře menu a reakce je opožděná. Na mobilu je tento problém ještě výraznější, protože zařízení má omezenější výkon než stolní počítač.

Typickým příkladem je web, kde se načítá několik měřicích nástrojů, chatovací widget, remarketingové skripty, mapa, A B testovací nástroj a k tomu těžká šablona. Každý nástroj má svůj účel, ale dohromady vytvářejí zátěž. Často pak zjistíme, že některé skripty už nikdo nepoužívá, ale stále se načítají.

U klienta z oblasti služeb jsme našli na webu staré měřicí kódy z předchozích kampaní, nepoužívaný chat a několik duplicitních skriptů. Nikdo je neodstranil, protože se web postupně předával mezi různými dodavateli. Po vyčištění měření, odložení méně důležitých skriptů a úpravě pořadí načítání se web zrychlil a administrace marketingu byla přehlednější.

Doporučení je jednoduché. Každý skript na webu musí mít jasný důvod. Pokud nepřináší hodnotu, pryč s ním. Pokud je potřeba, měl by se načítat tak, aby neblokoval hlavní obsah.

CSS a šablony plné zbytečností

Kromě JavaScriptu web zpomalují také styly. Mnoho šablon obsahuje obrovské CSS soubory, které pokrývají desítky typů prvků, i když konkrétní web používá jen malou část. Page buildery a univerzální šablony často přidávají velké množství kódu, protože chtějí umožnit téměř všechno. Cena za univerzálnost je výkon.

Majitel firmy si koupí pěknou šablonu, nainstaluje ji a web vypadá profesionálně. Jenže pod kapotou se načítají styly pro prvky, které na webu nikdy nebudou. Animace, tabulky, galerie, speciální bloky, ikony a mnoho dalších částí. K tomu se přidá vizuální editor a každý blok má vlastní nastavení. Výsledkem je těžký web, který se špatně optimalizuje.

Neříkám, že všechny šablony a editory jsou špatné. Pro mnoho firem dávají smysl, protože umožní rychle vytvořit web za rozumný rozpočet. Problém nastává, když se výkon vůbec neřeší. Pokud má web získávat organickou návštěvnost a vydělávat, musí být šablona nejen pěkná, ale také technicky střídmá.

V praxi se vyplatí odstranit nepoužívané styly, zmenšit soubory, správně je načítat a u důležitých částí stránky používat co nejjednodušší strukturu. U větších webů se často vyplatí individuální šablona nebo alespoň výrazné odlehčení té stávající.

Externí služby, které zpomalují web

Mnoho problémů nevzniká přímo na webu, ale u externích služeb. Typicky jde o chatovací nástroje, mapy, recenzní widgety, sociální pluginy, rezervační systémy, fonty, reklamní a analytické skripty. Každá externí služba znamená další požadavek mimo váš server. Pokud je služba pomalá, dopadá to i na váš web.

Častým příkladem je vložená mapa na kontaktní stránce. Mapa je užitečná, ale nemusí se načítat okamžitě v plné podobě. Na mnoha webech zabírá velkou část výkonu, přitom ji používá jen malá část návštěvníků. Řešením může být statický náhled mapy s tlačítkem pro otevření, případně načtení mapy až po interakci.

Podobné je to s recenzemi. Firmy rády vkládají widget s hodnocením z externí platformy. Marketingově to může pomoci, ale technicky to často znamená další skripty a požadavky. Někdy je lepší zobrazit vybrané recenze přímo na webu a externí widget načítat jen tam, kde má skutečný smysl.

U klienta z oblasti gastronomie jsme řešili web, kde se na homepage načítalo několik externích widgetů. Rezervace, recenze, sociální sítě a mapa. Vše mělo nějaký důvod, ale dohromady web působil pomalu. Po úpravě jsme ponechali jen to, co podporovalo rezervaci, a ostatní prvky přesunuli níže nebo načítali později. Web se zrychlil a cesta k rezervaci byla jasnější.

Fonty a ikony

Písma vypadají jako detail, ale také mohou zpomalovat web. Pokud web načítá několik řezů fontů, různé tloušťky, kurzívy a k tomu ikonové sady, přidává zbytečná data. Někdy se kvůli fontům text zobrazí pozdě nebo se během načítání změní jeho vzhled. To působí rušivě a může to zhoršit stabilitu rozvržení.

Mnoho webů používá celé ikonové knihovny kvůli několika ikonám. To je podobné, jako kdybyste si nechali přivézt celý sklad kvůli třem šroubkům. Lepší je používat jen konkrétní ikony, které web potřebuje, případně jednoduché SVG prvky.

U firemního webu z oblasti financí jsme našli několik fontů a mnoho řezů, které nebyly potřeba. Designér chtěl mít flexibilitu, ale reálný web používal jen základní varianty. Po omezení fontů a úpravě načítání se zlepšilo první vykreslení textu. Stránka působila rychleji, i když vizuálně zůstala téměř stejná.

Doporučuji vybrat jeden kvalitní font, používat omezený počet řezů a načítat ho efektivně. U některých projektů dává smysl i systémové písmo, které se nemusí stahovat vůbec.

Vyskakovací okna a agresivní marketingové prvky

Pop up okna, lišty, bannery a překryvné vrstvy mohou zhoršit rychlost i použitelnost. Problém není jen v tom, že se načítají další skripty. Problém je i v tom, že ruší uživatele v momentě, kdy se snaží pochopit stránku.

Často vidíme web, který se ještě ani nenačetl a už po návštěvníkovi chce souhlas s cookies, přihlášení k newsletteru, zapnutí upozornění, slevový kód nebo odpověď v chatu. Z pohledu firmy jde o snahu získat kontakt. Z pohledu uživatele jde o překážku.

U e shopu s módou jsme řešili situaci, kdy se na mobilu po příchodu zobrazilo velké slevové okno, které překrylo produkty. Zároveň se načítal skript pro personalizaci a další marketingové nástroje. Web byl pomalý a první zkušenost zákazníka byla nepříjemná. Po zjednodušení pop up strategie, zpožděném načítání některých prvků a lepší práci s mobilním zobrazením se zlepšil průchod nákupním procesem.

Marketingové prvky musí sloužit prodeji, ne mu překážet. Každý prvek, který se zobrazuje přes obsah, by měl být velmi dobře odůvodněný.

Neoptimalizovaná databáze

U větších webů a e shopů bývá významným problémem databáze. Ukládají se do ní produkty, objednávky, články, uživatelé, nastavení, revize, logy a další data. Časem se databáze nafoukne a web začne zpomalovat.

U redakčních systémů se často hromadí staré revize článků, dočasná data, spamové komentáře, nepoužívané položky nebo záznamy po odinstalovaných pluginech. U e shopů může být problém s velkým množstvím produktových variant, filtrováním a neefektivním vyhledáváním.

U jednoho obsahového webu jsme při auditu zjistili, že databáze obsahuje obrovské množství starých revizí a nepoužívaných dat. Web nebyl extrémně velký, ale databáze byla zbytečně těžká. Po vyčištění, zálohování a nastavení pravidelné údržby se administrace zrychlila a stránky reagovaly lépe.

Databázi je potřeba řešit opatrně. Nejde jen něco smazat. Nejdřív je nutná záloha, analýza a pochopení struktury webu. Pravidelná údržba ale patří k profesionální správě webu stejně jako aktualizace a bezpečnost.

Cache jako důležitá součást výkonu

Cache znamená, že web nemusí pokaždé generovat všechno znovu. Pokud se určitý obsah nemění každou sekundu, může být uložený a rychle doručený uživateli. Správně nastavená cache dokáže výrazně zrychlit web a snížit zátěž serveru.

Problém je, že cache se často buď nepoužívá vůbec, nebo je nastavená špatně. Někdy se po zapnutí cache rozbijí košíky, formuláře nebo personalizovaný obsah. Jindy cache nefunguje pro mobilní verzi, přihlášené uživatele nebo důležité typy stránek.

U e shopu je potřeba dávat pozor na stránky jako košík, pokladna a uživatelský účet. Ty se obvykle nemají cachovat stejně jako statické stránky. Naopak kategorie, články, produktové stránky nebo poradenský obsah mohou z cache velmi profitovat.

U klienta s katalogem služeb jsme nastavili kombinaci serverové cache, cache statických souborů a optimalizace prohlížeče. Výsledkem bylo rychlejší načítání opakovaných návštěv a menší zátěž serveru při kampaních. Důležité bylo testovat, zda se po úpravách správně zobrazují formuláře a aktuální informace.

Cache není univerzální tlačítko. Je to nástroj, který musí respektovat logiku konkrétního webu.

Mobilní rychlost je tvrdší test než desktop

Mnoho majitelů firem kontroluje web na rychlém počítači v kanceláři. Tam může působit dobře. Jenže zákazník často přichází z mobilu, přes mobilní data a na zařízení, které nemá výkon nového notebooku. Proto je potřeba testovat hlavně mobilní verzi.

Právě na mobilu se projeví velké obrázky, těžké skripty, špatné fonty, vyskakovací okna a složité rozvržení. Pokud je mobilní web pomalý, ztrácíte část návštěvnosti ještě předtím, než začne reálně pracovat s obsahem.

Typická chyba je design připravený primárně pro desktop. Na velké obrazovce vše vypadá pěkně, ale na mobilu je stránka dlouhá, těžká a nepřehledná. Uživatel musí hodně rolovat, tlačítka jsou nízko, obrázky zabírají příliš místa a důležité informace nejsou hned vidět.

U klienta z oblasti lokálních služeb jsme zjistili, že většina poptávek přichází z mobilu, ale web byl navržený hlavně pro desktop. Mobilní verze měla velký úvodní obrázek, dlouhý text a formulář až hluboko pod obsahem. Po zrychlení, zjednodušení horní části stránky a přesunu výzvy k akci výš se zvýšil počet odeslaných poptávek. Nešlo jen o technickou rychlost, ale o rychlost rozhodnutí.

Mobilní web musí rychle odpovědět na otázky zákazníka. Kdo jste, co nabízíte, proč vám má věřit a co má udělat dál.

Stránka se načte, ale poskakuje

Jedna z nejotravnějších chyb je posouvání obsahu během načítání. Uživatel chce kliknout na tlačítko, ale najednou se stránka pohne, protože se dotáhl obrázek, reklama, font nebo banner. Klikne vedle, ztratí orientaci a web působí nedotaženě.

Tento problém často vzniká kvůli obrázkům bez definovaných rozměrů, reklamním plochám, externím widgetům nebo pozdě načteným fontům. Vyhledávače ho umí vnímat jako problém uživatelské zkušenosti.

V praxi se dá řešit tak, že se pro obrázky a vložené prvky vyhradí prostor předem. Fonty se načítají správným způsobem. Bannery a dynamické prvky se nevkládají tak, aby tlačily obsah dolů po načtení stránky.

U jednoho magazínu jsme řešili vysoké poskakování obsahu kvůli reklamním plochám a obrázkům v článcích. Čtenář začal číst a text se mu opakovaně posouval. Po úpravě rozměrů a rezervaci prostoru pro reklamy se čtení výrazně zlepšilo. To je přesně příklad, kdy technická úprava přímo ovlivňuje kvalitu obsahu.

Příliš mnoho požadavků

Každý obrázek, styl, skript, font nebo externí prvek je požadavek, který musí prohlížeč vyřídit. Pokud jich je příliš mnoho, stránka se načítá pomaleji. Nejde jen o velikost souborů, ale i o počet spojení a koordinaci celého načítání.

Malý web může mít překvapivě mnoho požadavků. Logo, několik obrázků, ikony, dva fonty, měření, chat, mapa, cookies lišta, styly šablony, styly pluginů, skripty pluginů a další prvky. Každý sám o sobě nemusí být velký problém, ale dohromady vytvoří pomalý celek.

Při auditu proto nesledujeme jen jedno číslo. Díváme se na celkový objem dat, počet požadavků, pořadí načítání, blokující soubory a to, co je pro první zobrazení opravdu nezbytné. Cílem není odstranit všechno, ale doručit nejdůležitější obsah co nejrychleji.

Jak poznat, co web zpomaluje

Prvním krokem je měření. Nestačí říct, že web se zdá pomalý. Je potřeba zjistit, kde přesně problém vzniká. K tomu slouží nástroje jako PageSpeed Insights, Lighthouse, Search Console, nástroje pro měření serveru a analytika chování uživatelů.

Důležité je neměřit jen homepage. Mnoho firem optimalizuje úvodní stránku, ale zapomíná na produktové stránky, kategorie, články, landing pages a formuláře. Přitom právě tyto stránky často přivádějí návštěvnost z vyhledávání a reklam.

U e shopu je potřeba měřit homepage, kategorii, detail produktu, košík a pokladnu. U webu služeb hlavní landing pages, kontaktní stránku a formulář. U magazínu články a rubriky. Každý typ stránky může mít jiný problém.

Při měření je také potřeba rozlišovat laboratorní data a reálná data uživatelů. Laboratorní test ukáže technické možnosti a problémy ve standardních podmínkách. Reálná data ukazují, jak web funguje skutečným návštěvníkům. Ideální je pracovat s oběma pohledy.

Co opravit jako první

U většiny webů se vyplatí začít tím, co má největší dopad a nejmenší riziko. Typicky jde o optimalizaci obrázků, odstranění zbytečných skriptů, nastavení cache, kontrolu hostingu a omezení externích služeb. Teprve potom dává smysl pouštět se do hlubších zásahů v kódu nebo přestavby šablony.

Doporučený postup může vypadat takto.

Nejdřív změřit hlavní typy stránek a určit největší brzdy. Potom zálohovat web. Následně optimalizovat obrázky a média. Poté projít pluginy, skripty a externí služby. Dále nastavit cache a kompresi. Potom řešit hosting, databázi a technické úpravy šablony. Nakonec vše znovu změřit a sledovat dopad v analytice.

Důležité je neoptimalizovat naslepo. Setkal jsem se s weby, kde majitel nainstaloval několik optimalizačních pluginů, ale skutečný problém byl hosting. Jinde se řešil hosting, ale hlavní brzdou byly obrovské obrázky. Každý web potřebuje vlastní diagnózu.

Rychlost a obsah musí spolupracovat

SEO není jen technika. Můžete mít rychlý web, ale pokud obsah neodpovídá na potřeby zákazníků, výsledky budou omezené. Stejně tak můžete mít výborný obsah, ale pokud se stránka načítá pomalu, část lidí ho nikdy neuvidí.

Ideální web má kvalitní obsah, jasnou strukturu, důvěryhodné prvky, dobrou interní navigaci a rychlé načítání. Technika má podpořit obchodní cíl. Návštěvník se má rychle dostat k odpovědi, porozumět nabídce a snadno udělat další krok.

U klienta z oblasti odborných služeb jsme pracovali na článcích pro organickou návštěvnost. Obsah byl kvalitní, ale stránky se načítaly pomalu kvůli velkým obrázkům, složité šabloně a externím skriptům. Po technické optimalizaci se články načítaly rychleji, uživatelé četli více obsahu a častěji přecházeli na stránku s nabídkou služeb. SEO výkon se zlepšil ne proto, že bychom jen přidali klíčová slova, ale proto, že jsme zlepšili celou zkušenost.

Kdy už nestačí optimalizace a je lepší nový web

Někdy se vyplatí web opravit. Jindy je levnější a rozumnější ho postavit znovu. Pokud je web technicky zastaralý, běží na neudržované šabloně, má mnoho provizorních zásahů a každá úprava vytváří další problém, optimalizace může být drahá a omezená.

Typickým signálem je situace, kdy vývojář opraví jednu věc a rozbije se druhá. Nebo když se web nedá bezpečně aktualizovat. Nebo když současná struktura neodpovídá obchodnímu modelu firmy. V takovém případě rychlost není samostatný problém, ale příznak hlubší technické a strategické zastaralosti.

U jednoho B2B klienta jsme nejprve zvažovali optimalizaci starého webu. Po auditu se ukázalo, že web má špatnou informační architekturu, pomalou šablonu, zastaralé technologie a slabou správu obsahu. Doporučili jsme nový web s důrazem na rychlost, SEO strukturu a konverze. Výsledkem nebyl jen rychlejší web, ale také lepší prezentace služeb a jednodušší správa pro obchodní tým.

Nový web ale nemá být jen grafická změna. Pokud se při redesignu neřeší výkon, může být nový web dokonce pomalejší než původní. To se stává častěji, než by si firmy přály.

Chyby, které vídáme u klientů nejčastěji

První častou chybou je přesvědčení, že rychlost je jen úkol pro programátora. Ve skutečnosti do ní zasahuje marketing, obsah, design, analytika i obchod. Když marketing přidá další měřicí nástroj, design velké animace a obsah tým obrovské obrázky, programátor pak jen hasí následky.

Druhou chybou je řešení až ve chvíli, kdy výkon klesne. Rychlost webu by se měla kontrolovat průběžně, hlavně po větších úpravách, instalaci pluginů, změně šablony, přidání nových kampaní nebo rozšíření produktů.

Třetí chybou je soustředění jen na skóre v jednom nástroji. Číslo je užitečné, ale není cílem samo o sobě. Cílem je rychlý, stabilní a obchodně funkční web. Někdy drobná změna skóre neznamená velký obchodní rozdíl. Jindy jedna konkrétní technická úprava výrazně pomůže konverzím, i když celkové skóre nevypadá dramaticky jinak.

Čtvrtou chybou je ignorování mobilu. Web se schvaluje na velkém monitoru, ale zákazníci ho používají na telefonu. Proto vždy doporučuji testovat reálnou mobilní zkušenost. Otevřít web na telefonu, projít hlavní cestu zákazníka, vyplnit formulář, najít kontakt, vložit produkt do košíku a dokončit objednávku.

Pátou chybou je přidávání dalších funkcí bez odstraňování starých. Web je živý systém. Pokud se jen přidává a nikdy neuklízí, postupně ztěžkne. Stejně jako v kanceláři, kde se roky hromadí staré krabice, kabely a šanony. Jednou za čas je potřeba udělat technický úklid.

Jak rychlost webu propojit s obchodními výsledky

Rychlost má smysl řešit nejen kvůli technickému skóre, ale kvůli penězům. Proto doporučuji sledovat dopad na konkrétní metriky. U e shopu jde o konverzní poměr, přidání do košíku, dokončení objednávky a tržby z návštěvy. U webu služeb o odeslané formuláře, kliknutí na telefon, poptávky a cenu za lead. U obsahového webu o organickou návštěvnost, hloubku návštěvy a přechody na obchodní stránky.

Když klient vidí, že rychlejší web může snížit cenu poptávky nebo zvýšit počet objednávek bez navýšení rozpočtu, začne výkon vnímat jinak. Už to není technická položka, ale investice do efektivity marketingu.

Před každou větší optimalizací je dobré uložit výchozí stav. Rychlostní metriky, návštěvnost, konverze, výkon kampaní a chování uživatelů. Po úpravách se pak dá lépe vyhodnotit, co se změnilo. Ne všechno se projeví okamžitě a ne každý růst lze připsat jen rychlosti, ale bez měření se pohybujeme v pocitech.

Praktický postup pro majitele firmy

Pokud máte firemní web a nevíte, kde začít, doporučuji jednoduchý postup. Otevřete si nejdůležitější stránky na mobilu mimo firemní Wi Fi. Sledujte, jak rychle se zobrazí hlavní obsah. Zkuste kliknout na menu, otevřít formulář, projít nákup nebo odeslat poptávku. Všímejte si, kde čekáte a co vás ruší.

Potom si nechte změřit hlavní typy stránek. Nejen homepage. Zkontrolujte obrázky, skripty, hosting, cache, externí nástroje a mobilní použitelnost. Ke každému problému si určete obchodní význam. Jinou prioritu má pomalý blogový archiv a jinou pomalá stránka, na kterou posíláte placenou reklamu.

Následně opravujte v pořadí podle dopadu. Začněte věcmi, které zbytečně brzdí web a nepřinášejí hodnotu. Odstraňte staré skripty, nepotřebné pluginy, těžké obrázky a přebytečné widgety. Potom řešte technické nastavení. A pokud narazíte na limity starého řešení, zvažte větší přestavbu.

Rychlost webu není jednorázová akce. Je to součást dlouhodobé správy. Každá nová funkce, každá nová kampaň a každý nový obsah může výkon ovlivnit. Proto je dobré mít jasná pravidla. Jak se nahrávají obrázky. Kdo schvaluje nové skripty. Jak se testuje web po úpravách. Jak často se dělá technický audit.

Co si z toho odnést

Pomalý web obvykle nezpomaluje jedna věc. Většinou jde o součet menších problémů. Velké obrázky, slabý hosting, přetížená šablona, mnoho pluginů, externí služby, zbytečný JavaScript, špatná cache a zanedbaná databáze. Každý problém přidá trochu zátěže. Dohromady pak vznikne web, který ztrácí návštěvníky a snižuje výkon marketingu.

Dobrá zpráva je, že mnoho problémů jde opravit bez kompletního redesignu. Často stačí správná diagnóza, technický úklid a rozumné nastavení priorit. Nejde o to honit perfektní čísla za každou cenu. Jde o to, aby se zákazník rychle dostal k obsahu, pochopil nabídku a mohl jednoduše udělat další krok.

Z pohledu marketingové agentury je rychlost webu jedním z nejpraktičtějších míst, kde lze zlepšit výsledky bez zvýšení rozpočtu na reklamu. Když už za návštěvnost platíte nebo dlouhodobě budujete SEO, byla by škoda ztrácet lidi jen proto, že web reaguje pomalu. Rychlý web není luxus. Je to základní předpoklad toho, aby online marketing opravdu vydělával.

Miloš Vargic
Miloš Vargic
V marketingu se pohybuji více než 22 let. Jsem zakladatel agentury ROI index a specializujeme se na výkonnostní marketing, který firmám reálně přináší výsledky. Pomáháme značkám růst díky reklamě na Google a Facebooku, SEO a strategii pro B2B i B2C. Působil jsem také jako marketingový ředitel a mé reklamy byly viditelné ve 23 zemích a 14 jazycích, s rozpočty nad 350 000 Kč měsíčně.