Rychlost webu ovlivňuje dvě věci, které mají přímý dopad na váš byznys: spokojenost návštěvníků a pozice ve vyhledávačích. Google od roku 2021 zahrnuje Core Web Vitals do rankingového algoritmu — pomalý web platí pomalejším načtením i horším SEO.

Elementor je skvělý nástroj, ale bez správného nastavení generuje zbytečný kód. Tenhle průvodce vám ukáže, jak dostat Elementor web na zelené skóre v PageSpeed — bez kompromisu na designu.

Proč rychlost webu záleží
  • Každá vteřina prodlevy snižuje konverze přibližně o 7 % (zdroj: Akamai)
  • Google penalizuje pomalé weby v mobilním indexu — přímý dopad na SEO pozice
  • Web, který se nenačte do 3 sekund, opustí průměrně 40 % návštěvníků dříve, než cokoliv uvidí
  • PageSpeed skóre pod 50 je červená vlajka nejen pro návštěvníky, ale i pro Google

01 Změřte výchozí stav

Než začnete cokoliv měnit, potřebujete baseline — číslo, od kterého se odrazit. Spusťte web přes dva nástroje, protože každý měří trochu něco jiného.

  • Google PageSpeed Insights — zlatý standard, přesně ta čísla, která Google používá při rankingu. Vždy testujte mobilní verzi — ta je pro SEO primární.
  • GTmetrix — detailní waterfall diagram, kde přesně vidíte, který soubor brzdí načítání a o kolik sekund.
  • Pingdom Tools — užitečné pro testování z různých geografických lokací.

Zaznamenejte si výchozí skóre a hodnoty LCP, TBT a CLS — budete je pak porovnávat po každé úpravě.

02 Core Web Vitals — co měříte

LCP
Largest Contentful Paint
Jak dlouho trvá, než se načte největší viditelný prvek — obvykle hero obrázek nebo hlavní nadpis.
Cíl: pod 2,5 s
TBT
Total Blocking Time
Jak dlouho je hlavní vlákno prohlížeče blokované JavaScriptem — uživatel nemůže klikat ani scrollovat.
Cíl: pod 200 ms
CLS
Cumulative Layout Shift
Míra neočekávaného pohybu prvků při načítání stránky — elementy, které „skáčou" při dočítání obsahu.
Cíl: pod 0,1

03 Optimalizace obrázků

Obrázky jsou nejčastější příčinou pomalého webu — a zároveň nejsnáze řešitelná. Pravidlo číslo jedna: nikdy nenahrávejte obrázek v plném rozlišení, když se zobrazuje v šířce 800px. Pravidlo číslo dvě: používejte formát .webp, který je v průměru o 30 % menší než JPEG při srovnatelné kvalitě.

Freemium

ShortPixel

Automatická komprese a konverze do WebP při nahrávání. Zdarma 100 obrázků/měsíc, pak pár dolarů za balíček kreditů. Jeden z nejlepších poměrů kvality a komprese.

Freemium

Imagify

Automatická optimalizace s podporou WebP a AVIF. Nabízí tři úrovně komprese — Normal, Aggressive, Ultra. AVIF je ještě menší než WebP, ale podpora v prohlížečích je zatím nižší.

Zdarma

Smush (bezplatná verze)

Komprese bez ztráty kvality pro neomezené množství obrázků. Konverze do WebP je dostupná až v placené verzi Smush Pro.

Tip — lazy loading

Ujistěte se, že máte zapnutý lazy loading obrázků — WordPress ho zapíná automaticky od verze 5.5, ale Elementor může toto nastavení přepsat. V Elementor → Nastavení → Pokročilé zkontrolujte, že lazy loading není vypnutý. Hero obrázek naopak označte jako loading="eager" — ten se má načíst okamžitě.

04 Cache a minifikace

Cache plugin uchovává předgenerované HTML stránek na serveru a servíruje je návštěvníkům bez nutnosti opakovaného zpracování PHP a databázových dotazů. Na sdíleném hostingu to může znamenat rozdíl 1–2 sekund na každém načtení.

Zdarma

LiteSpeed Cache

Nejlepší volba pokud váš hosting používá LiteSpeed server (Wedos, Stable.cz). Plně zdarma, zahrnuje cache, minifikaci, lazy load i integraci s CDN.

Zdarma

WP Fastest Cache

Jednoduchý na konfiguraci, vhodný pro začátečníky. Bezplatná verze zvládne základní cache a minifikaci CSS/JS.

Freemium

W3 Total Cache

Nejkomplexnější možnosti konfigurace — vhodné pro pokročilé uživatele nebo weby s vysokou návštěvností. Nabízí integraci s CDN a object cache.

05 Optimalizace Elementoru

Elementor sám o sobě není pomalý — ale výchozí nastavení nejsou optimální. Pár kliknutí v administraci výrazně sníží množství načítaného kódu.

  • V Elementor → Nastavení → Pokročilé zapněte Optimalizace načítání CSS — generuje oddělené CSS soubory pro každou stránku místo jednoho globálního
  • Zapněte Načítat ikonové fonty jen tam, kde jsou potřeba — Font Awesome a Elementor ikony se přestanou načítat na stránkách, kde nejsou použity
  • Vyhněte se zbytečným animacím a parallax efektům — jsou nákladné pro rendering a přispívají k vysokému TBT
  • Méně sekcí, méně widgetů — každý Elementor widget přidává CSS a někdy i JavaScript. Jedna dobře strukturovaná sekce vždy porazí deset zanořených
  • Nepoužívejte Google Fonts přes Elementor pokud je máte nahráno lokálně — duplicitní načítání fontů je častá a zbytečná brzda

06 CDN a hosting

CDN (Content Delivery Network) servíruje statické soubory webu z nejbližšího serveru uživateli. Pro český web s návštěvníky z celé republiky to není tak kritické, ale pro weby s mezinárodním publikem nebo weby na pomalém sdíleném hostingu je CDN jeden z nejúčinnějších kroků.

  • Cloudflare — zdarma i placené varianty, jednoduchá aktivace přes přesměrování DNS, navíc přidá SSL a základní DDoS ochranu
  • BunnyCDN — cenově dostupná volba pro statické soubory, velmi rychlá infrastruktura, dobrá volba pro weby s obrázky nebo video obsahem

Nejlevnější optimalizace webu je přechod na kvalitnější hosting. Špatný hosting nezachrání žádný plugin.

Pokud máte web na levném sdíleném hostingu a trápí vás pomalost, zvažte přechod na lépe výkonnou alternativu. V českém prostředí dobře fungují Wedos, Stable.cz nebo Hostinger — ale výsledky se mohou lišit podle plánu a lokace.

07 Redukce pluginů a externích skriptů

Každý aktivní plugin a každý externí skript (chat, analytika, reklamy, heatmapy) prodlužuje čas načtení. Pravidlo: pokud plugin aktivně nepoužíváte, smažte ho — deaktivace nestačí, plugin stále zabírá místo a může zasahovat do načítání.

  • Auditujte pluginy jednou za čtvrt roku — smažte cokoliv, co nepoužíváte
  • Google Tag Manager jako centrální místo pro skripty — místo tří různých analytických scriptů přidáte jeden GTM tag a ostatní spravujete přes rozhraní
  • Načítejte chat skripty a heatmapy s zpožděním (defer/lazy) — uživatel stejně první 2 vteřiny nechce chatovat, ale web chce vidět
Finální checklist rychlosti
  • Obrázky komprimovány a konvertovány do WebP
  • Lazy loading aktivní (hero obrázek = eager)
  • Cache plugin nainstalován a nakonfigurován
  • Minifikace CSS, JS a HTML zapnutá
  • Elementor: CSS optimalizace a ikonové fonty omezeny
  • Zbytečné pluginy a skripty odstraněny
  • CDN aktivní (volitelné, ale doporučené)
  • PageSpeed skóre desktop i mobil ≥ 80 / 100

Chcete, aby váš web běžel maximální rychlostí?

Nabízím kompletní audit a optimalizaci WordPress webů — od analýzy po měřitelný výsledek v PageSpeed a lepší SEO pozice.

Nezávazně mě kontaktujteodpovídám do 24 hodin

Nejčastější dotazy

Je Elementor pomalý? +
Ne nutně. Elementor generuje více kódu než čistý HTML, ale se správnou konfigurací (optimalizace CSS, lazy loading, cache) může být web v Elementoru velmi rychlý. Problém bývá kombinace Elementoru s dalšími pluginy, nekomprimovanými obrázky a pomalým hostingem.
Pomůže přechod na jiný hosting? +
Ano, pokud váš současný hosting používá pomalé servery nebo sdílenou infrastrukturu s příliš velkým počtem webů. Přechod z levného sdíleného hostingu na kvalitnější plán bývá jeden z nejefektivnějších kroků — žádný plugin to nenahradí.
Jak často kontrolovat rychlost webu? +
Po každé větší aktualizaci WordPressu, Elementoru nebo tématu. Po přidání nového pluginu nebo externího skriptu. A ideálně jednou za čtvrt roku jako rutinní kontrola — rychlost se může zhoršit i bez viditelných změn na webu.
Jaké skóre v PageSpeed je dobré? +
Cíl je 80+ bodů na mobilu i desktopu. Skóre 90+ je vynikající. Pod 50 je problém, který pravděpodobně negativně ovlivňuje jak UX, tak SEO pozice. Důležitější než celkové skóre jsou ale konkrétní metriky — LCP pod 2,5 s, TBT pod 200 ms a CLS pod 0,1.
Zhoršuje Elementor Pro skóre oproti bezplatné verzi? +
Minimálně — pokud Pro funkce aktivně používáte. Větší rozdíl dělá to, kolik widgetů na stránce máte a jak jsou obrázky optimalizovány. Elementor Pro má navíc lepší možnosti nastavení výkonu v administraci.