Rychlost webu: jak ji změřit a zrychlit stránky

Krátká odpověď: rychlý web udrží víc návštěvníků a lépe se mu daří ve vyhledávání. Rychlost změříte zdarma v nástroji PageSpeed Insights od Googlu. Nejčastějšími brzdami jsou velké obrázky, zbytečné skripty třetích stran a pomalý hosting. U malého webu se dá většina problémů vyřešit bez programování.

Proč na rychlosti záleží?

• Lidé nečekají. Hlavně na mobilu a na pomalejším připojení odcházejí, když se nic neděje.
• Vyhledávače rychlost zohledňují. Google používá metriky uživatelské zkušenosti (Core Web Vitals) jako jeden z mnoha signálů.
• Rychlý web působí profesionálně. A ušetří data návštěvníkům na mobilu.

Co jsou Core Web Vitals?

Sada tří metrik od Googlu, které měří, jak web působí na skutečné uživatele:

Jak rychlost změřit?

1. Otevřete PageSpeed Insights a zadejte adresu stránky.
2. Podívejte se zvlášť na výsledek pro mobil a pro počítač. Mobil bývá horší a je důležitější.
3. Pokud nástroj ukazuje data skutečných uživatelů, mají přednost před laboratorním měřením.
4. Projděte doporučení. Obvykle jsou seřazená podle dopadu.
5. Měřte opakovaně a hlavně po každé větší změně.

Jednoduchý test zvládnete i bez nástrojů: otevřete web na telefonu s mobilními daty a sledujte, za jak dlouho vidíte nadpis a hlavní tlačítko.

Co web nejčastěji zpomaluje?

Velké obrázky

Fotka přímo z foťáku může mít několik megabajtů. Na webu stačí zlomek. Obrázky zmenšete na rozměr, ve kterém se zobrazují, použijte moderní formát (WebP nebo AVIF) a nechte obrázky pod první obrazovkou načítat až při rolování (lazy loading).

Skripty a vložené prvky třetích stran

Chatovací okna, mapy, videa, sociální sítě, analytika, reklamní pixely. Každý přidává data a práci prohlížeči. Odeberte, co nepotřebujete. Mapy a videa můžete načíst až po kliknutí.

Webová písma

Několik fontů v mnoha řezech se sčítá. Většinou stačí jeden až dva fonty a pár řezů.

Pomalý hosting

Pokud server odpovídá pomalu, nepomůže ani dokonalá stránka. Sledujte metriku „doba odezvy serveru“ (TTFB).

Poskakující obsah

Obrázky a reklamy bez nastavené výšky způsobí, že se obsah při načítání posouvá. Zhorší se tím CLS a člověk klepne jinam, než chtěl.

Rychlé tipy pro malý web

• Hlavní fotka v úvodu do pár set kilobajtů.
• Žádná automaticky přehrávaná videa na pozadí na mobilu.
• Max. jeden až dva skripty třetích stran.
• Nevkládejte celé galerie v plném rozlišení. Použijte náhledy.
• Méně je více: každá sekce navíc je další obsah ke stažení.

Jak zmenšit fotky bez speciálních programů

1. Zjistěte, jak velká má fotka na webu být. Pro fotku přes celou šířku obvykle stačí okolo 1600–2000 px na delší straně. Pro náhled v galerii mnohem méně.
2. Zmenšete rozměr. Zvládne to běžný editor fotek v počítači nebo v telefonu (funkce „změnit velikost“ nebo „exportovat“).
3. Uložte v rozumné kvalitě. U JPEG obvykle stačí kvalita kolem 75–85 %, rozdíl okem nepoznáte.
4. Zkuste moderní formát. WebP nebo AVIF bývají při stejné kvalitě menší. Převedou je online převodníky i řada editorů.
5. Zkontrolujte výsledek. Úvodní fotka by měla mít nejvýš stovky kilobajtů, ne megabajty.

Rychlost a hosting

I dokonale optimalizovaná stránka bude pomalá, pokud server odpovídá dlouho. U malých webů pomáhá:

• Statický web (hotové HTML soubory) se servíruje rychleji než web, který každou stránku skládá z databáze.
• Server v Evropě, když jsou vaši návštěvníci v Česku.
• Komprese a cache na straně serveru. Prohlížeč pak opakovaně nestahuje stejné soubory.
• HTTPS s moderním protokolem (HTTP/2 nebo HTTP/3), který zvládne stahovat víc souborů najednou.

Většinu z toho za vás řeší dobrý poskytovatel hostingu nebo nástroj na tvorbu webu. Pokud si nejste jistí, podívejte se v PageSpeed Insights na položku doby odezvy serveru.

Kontrolní seznam

• Mám výsledky PageSpeed Insights pro mobil v zelených nebo aspoň oranžových hodnotách?
• Jsou obrázky zmenšené a v moderním formátu?
• Načítají se obrázky pod první obrazovkou až při rolování?
• Používám jen nezbytné skripty třetích stran?
• Neposkakuje obsah při načítání?
• Zobrazí se nadpis a tlačítko rychle i na mobilních datech?

Shrnutí

Rychlost webu je kombinace malých rozhodnutí: lehké obrázky, málo cizích skriptů a dobrý hosting. Weby z Foxli jsou statické (bez databáze a těžkého redakčního systému), takže se obvykle načítají rychle. Měření návštěvnosti v nich běží bez cookies a přidává jen malý kousek kódu. Pokud do webu přidáváte vlastní fotky, zmenšete je předem. Související článek: Mobilní web a responzivita.