Pomalý web ztrácí návštěvníky ještě předtím, než uvidí nabídku. Dobrá zpráva je, že příčiny bývají stále stejné a většina z nich se dá odstranit bez přestavby celého webu.
Nejdřív změřte, pak opravujte
Bez měření budete opravovat něco, co problém nezpůsobuje. Použijte PageSpeed Insights nebo Lighthouse v prohlížeči a měřte vždy mobilní verzi — ta je pomalejší a chodí na ni víc lidí. Sledujte tři čísla:
- LCP — jak dlouho trvá, než se zobrazí hlavní obsah. Cíl: do 2,5 sekundy.
- INP — jak rychle web reaguje na kliknutí. Cíl: do 200 milisekund.
- CLS — jak moc obsah při načítání poskakuje. Cíl: pod 0,1.
1. Obrázky
Zdaleka nejčastější příčina. Fotka rovnou z foťáku má klidně 5 MB a na webu se zobrazí v šířce 800 pixelů. Co s tím:
- Zmenšete rozměry na velikost, ve které se obrázek reálně zobrazuje.
- Převeďte do formátu WebP nebo AVIF.
- Doplňte atributy width a height, aby stránka při načítání neposkakovala.
- Obrázkům pod prvním překlopením přidejte loading="lazy".
2. Skripty a pluginy
Každý plugin, chat, mapa, widget sociální sítě a měřicí kód něco stojí. Projděte si, co web načítá, a zeptejte se u každé položky, jestli ji opravdu potřebujete. Nepoužívané pluginy odinstalujte — deaktivace nestačí.
3. Písma
Písma stažená z cizí domény blokují vykreslení. Nahrajte je na vlastní web, načítejte jen řezy, které skutečně používáte, a přidejte font-display: swap, aby se text zobrazil okamžitě.
4. Hosting
Nejlevnější sdílený hosting umí přidat sekundu čekání ještě předtím, než se cokoli začne stahovat. Pokud jste opravili obrázky i skripty a server stále odpovídá pomalu, je čas ho vyměnit.
Co po opravě zkontrolovat
Změřte znovu na mobilu a porovnejte s výchozím stavem. A hlavně: ověřte, že se web pořád tváří správně. Agresivní optimalizace obrázků nebo odložené načítání skriptů umí rozbít věci, kterých si na počítači nevšimnete.