Jak zrychlit WordPress a opravit Core Web Vitals

Rychlost webu ovlivňuje uživatelský zážitek, konverze, SEO i schopnost webu fungovat v moderním vyhledávání. Pomalý web odrazuje návštěvníky, zhoršuje práci s mobilním zobrazením a komplikuje indexaci.

U WordPressu je rychlost kombinací několika faktorů: hosting, šablona, builder, pluginy, obrázky, fonty, cache a externí skripty. Není to jedna věc — je to celý systém.

§1Co jsou Core Web Vitals?

LCP — Largest Contentful Paint

LCP měří, jak rychle se načte hlavní viditelný obsah stránky. Nejčastěji jde o velký obrázek, hero sekci nebo hlavní blok textu. Pokud je LCP špatné, návštěvník má pocit, že web je pomalý — i když se zbytek načte rychle.

INP — Interaction to Next Paint

INP měří odezvu webu na interakci uživatele — kliknutí na tlačítko, otevření menu, odeslání formuláře. INP nahradilo starší metriku FID a je sledovatelné v Google Search Console pod Core Web Vitals.

CLS — Cumulative Layout Shift

CLS měří vizuální stabilitu. Pokud se stránka při načítání „poskakuje", tlačítka mění polohu nebo se dodatečně načítají bannery, CLS se zhoršuje. Cílová hodnota je pod 0,1.

§2Jak zjistit, co WordPress zpomaluje?

Nezačínejte instalací dalšího pluginu. Začněte diagnostikou. Důležité je rozlišit laboratorní data (Lighthouse, PageSpeed Insights) a reálná uživatelská data (Google Search Console → Core Web Vitals).

• PageSpeed Insights — pro konkrétní URL, mobilní i desktopová data
• Google Search Console → Prostředí → Core Web Vitals — reálná data od uživatelů
• Chrome DevTools → Lighthouse — podrobná diagnostika
• WebPageTest — pokročilá analýza waterfall grafu
• GTmetrix — přehledné shrnutí + doporučení

§3Nejčastější problémy pomalého WordPressu

1. Slabý hosting

Hosting je základ. Pokud server odpovídá pomalu, žádný optimalizační plugin to plně nezachrání. Sledujte TTFB (Time to First Byte). U dobrého hostingu by mělo být pod 200 ms. Vyplatí se hostingy s PHP 8+, LiteSpeed nebo Nginx, HTTP/2 nebo HTTP/3 a objektovou cache.

2. Těžká šablona

Některé šablony načítají mnoho zbytečných stylů, skriptů a funkcí. Pro rychlý web je lepší lehká šablona (Hello Theme, GeneratePress, Astra) a jen funkce, které opravdu používáte.

3. Příliš mnoho pluginů

Každý plugin může přidat CSS, JavaScript, databázové dotazy nebo externí požadavky. Nejde jen o počet, ale o kvalitu a konfiguraci. Odstraňte pluginy, které nepoužíváte. Nahraďte více malých pluginů jedním kvalitním řešením.

4. Neoptimalizované obrázky

Obrázky jsou nejčastější příčinou špatného LCP. Klíčové kroky:

• Používejte WebP nebo AVIF — ušetří 40–80 % oproti JPEG
• Nahrajte obrázky ve správné zobrazovací velikosti — ne 3000 px do sloupce 700 px
• Hero obrázek nemá mít `loading="lazy"` — naopak přidejte fetchpriority="high"
• Všechny obrázky pod prvním ohybem lazy-load zapněte

5. Externí skripty

Chaty, analytika, mapy, remarketing, Facebook Pixel a vložená videa mohou výrazně zpomalit web. Načítejte jen to, co skutečně potřebujete — a zvažte odložené načítání nebo načtení až po interakci uživatele.

§4Jak zrychlit WordPress — krok za krokem

1. Změřte aktuální stav — homepage, nejdůležitější službu, blogový článek. Zapište si hodnoty LCP, INP, CLS.
2. Vyřešte hosting a cache — page cache, object cache, GZIP/Brotli, minifikace (kde bezpečná). Plugin jako WP Rocket, FlyingPress nebo LiteSpeed Cache.
3. Optimalizujte obrázky — WebP/AVIF, správná velikost, hero bez lazy-load. Pluginy jako ShortPixel nebo Imagify.
4. Omezte JavaScript — slidery, animace, chat widgety a marketingové skripty jsou hlavní viníci špatného INP.
5. Zkontrolujte Elementor — zapněte performance funkce, použijte Hello Theme, omezte zbytečné widgety a doplňky.
6. Opravte CLS — nastavte rozměry obrázků, rezervujte prostor pro bannery, řešte font-display.
7. Zrychlete fonty — selfhost místo Google Fonts CDN, méně řezů, jeden až dva fonty.

§5Rychlost webu a AI vyhledávání

Rychlost není důležitá jen pro uživatele a Google. Pomalý web s chaotickým HTML, přebytkem JavaScriptu a špatnou strukturou se hůře zpracovává nejen uživatelům, ale i vyhledávačům a AI systémům.

Pro AI-ready web je rychlé, přehledné a technicky čisté HTML základní předpoklad. Pokud AI nemůže obsah přečíst rychle a pochopit strukturu, snižuje se šance na citaci nebo zmínku v AI odpovědích.