Optimalizace rychlosti webu — průvodce s cílovými čísly

Rychlost webu se neoptimalizuje najednou, ale v pořadí podle efektu. Tři metriky, tři vlny oprav a cílová čísla, na kterých se domluvíme dopředu — jinak výsledek nepoznáte.

Změřit svůj web

Bez registrace
Měření z Česka
Mobil i počítač
Rychlost + 23 SEO kontrol

Dopad

Co rychlost načítání stránek ovlivňuje

Rychlost je přímý hodnoticí signál. Google od přechodu na mobile-first hodnotí weby podle mobilní verze a Core Web Vitals jsou od roku 2021 oficiální součástí hodnocení. Není to nejsilnější signál — obsah stále vyhrává — ale je jeden z mála, který máte celý pod kontrolou. Obsah se tvoří měsíce, odkazy se získávají roky, obrázky se zmenší za odpoledne.

Druhá cesta je nepřímá: pomalá stránka ztrácí lidi dřív, než si stihne cokoli vysvětlit. Google uvádí, že 53 % mobilních návštěvníků odejde, když načítání trvá déle než tři sekundy, a Deloitte změřil, že 0,1 sekundy navíc stojí v průměru 8 % konverzí. Odejdou místo poptávky, stránky se neprohlížejí a web bez chování návštěvníků časem klesá i ve výsledcích, byť pomalu.

Rychlost je zvláštní i tím, že funguje mlčky. Nikdo nepíše recenzi „načetlo se za 1,8 sekundy", ale všichni si pamatují web, který se plazil. Kde je ten váš, zjistíte jedním měřením rychlosti.

Metriky

Tři metriky, podle kterých se rychlost webu posuzuje

Rychlost dnes nepopisuje jedno číslo, ale tři metriky Core Web Vitals. Bývaly čtyři — FID v březnu 2024 nahradil INP a půlka průvodců na internetu to stále nemá aktualizovanou. Když někde čtete o FID, čtete dvou roky starý text a zbytek z něj radši neberte.

LCP — kdy uvidíte obsah: Largest Contentful Paint: čas, za který se vykreslí hlavní prvek stránky, obvykle hero obrázek nebo úvodní text. Pro člověka je to okamžik, kdy pozná, že dorazil na správné místo, a ne na bílou plochu. Dobře do 2,5 sekundy, nad 4 špatně. Všechny tři metriky vám test rychlosti změří zvlášť pro mobil a počítač.
INP — jak rychle web reaguje: Interaction to Next Paint: prodleva mezi kliknutím a odezvou — otevřením menu, rozkliknutím filtru, odesláním formuláře. Do 200 milisekund je to plynulé; nad půl sekundy si člověk myslí, že se klik nepovedl, a mačká znovu.
CLS — jestli nic neposkakuje: Cumulative Layout Shift: o kolik se posune obsah, který už čtete. Klasika je obrázek bez uvedených rozměrů, který se po načtení roztáhne a odsadí text o odstavec výš. Na mobilu člověk míří prstem na tlačítko, které zrovna ujelo.
Souhrnné skóre 0–100: Zjednodušení tří metrik do jedné známky. Hodí se k orientaci, ale rozhodují metriky, ne známka — a mobilní skóre se od desktopového liší běžně o 20 až 40 bodů. Vždycky se dívejte nejdřív na mobilní.

Výchozí měření

Změřte si výchozí hodnoty

Optimalizace bez prvního měření je vaření bez ochutnávání. Zadejte adresu do testu rychlosti webu a do 30 sekund máte skóre pro mobil i počítač, tři metriky a seznam souborů, které stránku těží. Bez registrace, z českých serverů — s latencí, jakou má váš návštěvník, ne server v jiné zemi.

Čísla si zapište. Za měsíc z nich bude důkaz, že to funguje, a z rozdílu před a po případně i argument pro vedení. Konkrétní postup oprav krok za krokem je v návodu jak zrychlit web; tady pokračujeme vrstvami podle náročnosti.

Změřte si výchozí čísla

Bez prvního měření je každá optimalizace střelba naslepo. Skóre, tři metriky a nejtěžší soubory — všechno do 30 sekund.

Pořadí

V jakém pořadí optimalizovat: tři vlny

První vlna položí většinu výsledku, druhá doladí a třetí už se vyplatí jen někdy. Po každé vlně si dejte kontrolní měření — uvidíte, která práce se propsala a kdy přestávat.

Vlna 1 — obrázky, cache, komprese, hosting: 30 až 50 % zlepšení za jedno odpoledne a bez programátora. Zmenšit obrázky a převést na WebP, zapnout cache a kompresi, případně se přestěhovat na slušný hosting. Když nechcete dělat nic jiného, udělejte aspoň tohle — a změřte si před i potom.
Vlna 2 — JavaScript, fonty, render-blocking: Druhá polovina zlepšení, ale už vyžaduje sahat na kód: odložit nepodstatné skripty, omezit fonty, odblokovat vykreslení. Tady začíná území developera. Kdo to zkouší sám bez zkušeností, obvykle rozbije to, co fungovalo.
Vlna 3 — CDN, HTTP/3: Posledních 10 až 20 %. Vyplatí se u webů se zahraničním publikem nebo těžkým obsahem. Český web s českými návštěvníky na slušném českém hostingu z CDN mnoho nevytěží — ty peníze vyjdou lépe v obsahu.

Cíle

Cílová čísla podle typu webu

Obecné mezníky jsou stejné pro všechny: LCP do 2,5 sekundy, INP do 200 milisekund, CLS do 0,1. Reálné cíle se ale liší podle toho, co na stránce je. Blog bez obrázků nemá důvod vážit megabajt a e-shop nemá šanci být lehký jako blog — proto si držte vlastní laťku podle typu.

Typ webu	Váha stránky	Hlavní pozorování	Cíl
Blog a obsahový web	do 1 MB	LCP	do 2,5 s, ideálně do 2 s
Firemní web s galerií	do 2 MB	LCP a CLS	LCP do 2,5 s, CLS do 0,1
E-shop	kategorie do 2 MB	INP při filtrování	do 200 ms, kategorie i detail

U e-shopu měřte vždy dvě různé stránky — kategorii i detail produktu — a při měření spusťte filtrování. INP se projeví přesně tam: sortiment filtrovaný dvě sekundy prodává hůř. A pozor, na Shoptetu neovlivníte všechno, jen to, co je v rukou šablony. Vlastní čísla ze své stránky získáte během půl minuty testem rychlosti.

Údržba

Rychlostní optimalizace není jednorázová

Web se zpomaluje sám, bez vaší pomoci. Redaktor nahraje fotku rovnou z fotoaparátu, aktualizace pluginu přidá skript, někdo vloží widget s recenzemi. Za půl roku je zoptimalizovaný web zase průměrný a nikdo neví, kdy se to stalo.

Proto dvě rutiny: kontrolní měření jednou za měsíc a měření po každé větší úpravě — nová šablona, nový plugin, kampaň mířící na landing page. Tři minuty měsíčně ušetří víkend strávený hledáním, kde se ty dva megabajty vzaly. Test je neomezený a zdarma, takže se nic nešetří ani příležitostí ověřit, že aktualizace něco nerozbila.

Chyby

Nejčastější chyby při optimalizaci rychlosti

Čtyři pasti, do kterých padají i lidé, co to myslí dobře.

Honba za skóre 90+ v PSI: Skóre je zjednodušení, ne cíl. Zlepšíte-li INP o 80 milisekund, známka se možná nehne — ale člověk, který přestal mačkat tlačítko dvakrát, to pozná. Optimalizujte metriky; skóre přijde samo.
Lazy loading na hero obrázku: Největší prvek stránky se pak načte nejdřív naposled a LCP se prodlouží přesně o to, co lazy loading ušetřil. Hero patří naopak do přednačtení; líně načítejte jen to, co je pod záhybem.
Další cache plugin na malém hostingu: Když nepomohl první, druhý nepomůže taky — jen se dva systémy cache poperou mezi sebou. Téměř vždy je problém o patro níž, v hostingu. Pomalý server nevyřeší plugin, jen stěhování.
Testování z jedné lokality a jednou: Jedno měření z jednoho místa je náhoda. Měřte třikrát, na mobilu i počítači, a počítejte s prostřední hodnotou. A hlavně z místa, odkud chodí vaši návštěvníci — náš test běží z českých serverů, takže latenci neměří falešně.

Kam pokračovat

Když víte, co opravovat, přijde vhled postup krok za krokem — a samotný nástroj je hned nahoře.

Jak zrychlit web příčiny pomalého načítání a pořadí oprav Test rychlosti webu zdarma Core Web Vitals, největší soubory a průběh načítání Audit WordPress webu co na WordPressu chybuje nejčastěji Audit Shoptet e-shopu audit e-shopu včetně kategorií a produktových stránek

Změřte si výchozí čísla

Zadejte adresu a do 30 sekund máte skóre pro mobil i počítač, tři metriky Core Web Vitals a seznam souborů, které načítání brzdí nejvíc. Zdarma, bez registrace, z českých serverů.

Změřit rychlost webu