Jak zrychlit webové stránky v Joomla!

Nejprve web změřte. Bez měření pouze hádáte

Než začnete instalovat optimalizační pluginy nebo měnit nastavení serveru, zjistěte, kde web skutečně ztrácí čas. Jiný postup potřebuje web s pomalou odezvou serveru a jiný stránka, která rychle odešle HTML, ale následně načítá několik megabajtů obrázků a JavaScriptu.

Pro první kontrolu použijte například PageSpeed Insights, Lighthouse v prohlížeči Chrome, GTmetrix nebo kartu Network v nástrojích pro vývojáře. Výsledek neposuzujte pouze podle jednoho celkového skóre. Sledujte zejména:

• TTFB – jak dlouho trvá, než server odešle první část HTML,
• LCP – kdy se zobrazí hlavní obsah nebo největší prvek stránky,
• INP – jak rychle stránka reaguje na kliknutí a další interakce,
• CLS – zda obsah při načítání neposkakuje,
• celkový objem přenesených dat,
• počet HTTP požadavků,
• dlouhé JavaScriptové úlohy blokující prohlížeč,
• obrázky načítané ve zbytečně velkém rozlišení.

Co nejčastěji zpomaluje web v Joomla!

Joomla! sama o sobě nemusí být pomalá. Problémy většinou vznikají postupně: na web se přidávají další komponenty, moduly, pluginy, fonty, měřicí kódy, bannery a velké fotografie. Každá jednotlivá položka může vypadat nevinně, ale jejich součet výrazně prodlouží načítání.

1. Zkontrolujte hosting, PHP a odezvu serveru

Pokud server generuje HTML několik sekund, samotné zmenšení obrázků problém nevyřeší. Dlouhý TTFB může způsobovat přetížený hosting, pomalá databáze, starší verze PHP, vypnutý PHP OPcache nebo náročné rozšíření spouštěné při každém požadavku.

Verzi PHP zjistíte v administraci přes Systém → Systémové informace. Používejte verzi podporovanou vaší verzí Joomla!, šablonou a všemi nainstalovanými rozšířeními. Změnu PHP vždy nejprve otestujte na kopii webu.

2. Aktualizujte Joomla!, šablonu a rozšíření

Aktualizace nepřinášejí pouze bezpečnostní opravy. Vývojáři v nich často odstraňují chyby, omezují zbytečné databázové dotazy, upravují kompatibilitu s novějšími verzemi PHP a zlepšují práci s JavaScriptem nebo cache.

Před aktualizací vytvořte zálohu a ověřte kompatibilitu. U staršího webu neprovádějte skok na nové PHP, Joomla! a novou šablonu současně bez testovacího prostředí. Když se objeví problém, obtížně se určuje, která změna ho způsobila.

• Aktualizujte jádro Joomla! na podporovanou verzi.
• Aktualizujte komponenty, moduly, pluginy a šablony.
• Ověřte platnost licenčních a aktualizačních klíčů.
• Odstraňte staré šablony a nepoužívané balíčky.
• Po aktualizaci vyčistěte cache a otestujte formuláře, menu, vyhledávání a e-shop.

Je-li web dlouhodobě neudržovaný, může být vhodnější naplánovat odbornou migraci Joomla! než postupně opravovat nekompatibilní historické rozšíření.

3. Zapněte konzervativní mezipaměť Joomla!

Joomla! dokáže ukládat výstup komponent a modulů do mezipaměti, aby při každé návštěvě nemusela znovu provádět stejné databázové dotazy a generovat totožný obsah. Pro většinu běžných firemních webů je vhodným výchozím nastavením konzervativní mezipaměť.

Nastavení najdete v administraci přes Systém → Globální nastavení → Systém → Nastavení mezipaměti. Začněte s kratší dobou cache, například 15 až 30 minut, a po změně ověřte všechny dynamické části webu.

4. Používejte Page Cache pouze tam, kde je bezpečná

Systémový plugin System – Page Cache ukládá celé výsledné HTML stránky. Při další návštěvě stejné URL může Joomla! vrátit hotový dokument, aniž by znovu generovala komponentu a všechny moduly. U statického obsahu může být zrychlení výrazné.

Celostránková cache však není vhodná pro každou stránku. Problémy může způsobit tam, kde se obsah mění podle uživatele, relace, cookies nebo aktuálního stavu košíku. Kritické položky menu a URL je proto potřeba z cache vyloučit.

• Vylučte košík, objednávku a pokladnu e-shopu.
• Vylučte přihlášení, uživatelský profil a privátní obsah.
• Prověřte formuláře s tokeny a dynamickým potvrzením.
• Vylučte stránky závislé na session nebo personalizovaných cookies.
• Po změně článku počítejte s tím, že stará stránka může zůstat v cache až do expirace.

5. Zapněte kompresi přenášených dat

HTML, CSS, JavaScript, SVG a další textové soubory lze před odesláním do prohlížeče zkomprimovat. Návštěvník stáhne méně dat a stránka se zejména na pomalejším připojení načte rychleji.

Joomla! obsahuje volbu Systém → Globální nastavení → Server → Gzip komprese stránek. Na moderním hostingu ale může kompresi zajišťovat přímo Apache, Nginx, reverzní proxy nebo CDN. Nejdříve proto ověřte hlavičku Content-Encoding.

6. Optimalizujte obrázky před nahráním do Joomla!

Obrázky bývají největší částí datového objemu stránky. Častou chybou je nahrání fotografie o šířce 4 000 až 6 000 pixelů a její zobrazení v kartě široké pouze 400 pixelů. Prohlížeč přesto musí stáhnout celý původní soubor.

Jak připravit obrázky pro rychlý web

• Zmenšete rozměry podle největšího reálného zobrazení.
• Používejte moderní formáty WebP nebo AVIF, pokud je podporuje vaše řešení.
• Nastavte rozumnou kvalitu komprese bez viditelných artefaktů.
• Pro různé šířky obrazovky používejte responzivní varianty přes srcset.
• U obrázků uvádějte atributy width a height.
• Nenahrávejte jeden obrovský soubor pro náhled, kartu produktu i detail.
• Pravidelně kontrolujte automaticky generované náhledy komponent a page builderů.

7. Nezpomalujte hlavní obrázek stránky

Největší obrázek v horní části stránky často tvoří LCP prvek. Prohlížeč se o něm musí dozvědět co nejdříve. Pokud se obrázek načítá až přes JavaScript, nachází se pouze jako pozadí v externím CSS nebo má nastavený lazy loading, jeho stažení může začít zbytečně pozdě.

Hlavní hero obrázek proto pokud možno vložte přímo jako <img> v HTML. Nepoužívejte u něj loading="lazy". U důležitého LCP obrázku lze zvážit také fetchpriority="high".

<img
  src="/images/hero/joomla-web.webp" srcset="/images/hero/joomla-web-768.webp 768w,
          /images/hero/joomla-web-1440.webp 1440w"
  sizes="100vw"
  width="1440"
  height="720"
  fetchpriority="high"
  alt="Rychlý web vytvořený v Joomla!">

8. Použijte lazy loading pro obrázky pod prvním zobrazením

Obrázky hluboko pod horní částí stránky nemusí prohlížeč stahovat okamžitě. Atribut loading="lazy" odloží jejich načtení do chvíle, kdy se návštěvník přiblíží k místu, kde budou potřeba.

<img
  src="/images/blog/optimalizace-obrazku.webp"
  width="900"
  height="600"
  loading="lazy"
  decoding="async"
  alt="Optimalizace obrázků pro Joomla!">

Lazy loading se hodí pro obrázky v článku, reference, produkty pod prvním zobrazením nebo dlouhé galerie. Nepoužívejte ho automaticky na logo, první banner, hlavní produktový obrázek ani jiný pravděpodobný LCP prvek.

9. Omezte CSS a JavaScript, který stránka nepotřebuje

Mnoho Joomla! šablon a rozšíření načítá vlastní CSS a JavaScript na každé stránce, i když je konkrétní funkce použita pouze na jedné URL. Výsledkem mohou být desítky souborů, duplicitní knihovny a dlouhé úlohy blokující vykreslení nebo reakci na kliknutí.

Co kontrolovat

• duplicitní verze Bootstrapu, jQuery nebo ikonových knihoven,
• skripty komponent načítané i na stránkách, kde komponenta není použita,
• nevyužité CSS staré šablony nebo page builderu,
• velké animační a sliderové knihovny kvůli jednomu efektu,
• JavaScript blokující hlavní vlákno prohlížeče,
• souborové balíčky vytvářené několika optimalizačními pluginy současně.

Minifikace odstraňuje zbytečné mezery a komentáře. Odložení nebo defer může zabránit tomu, aby nekritický skript blokoval zobrazení obsahu. Slučování souborů ale není automaticky nejlepší řešení pro každý web, zejména při HTTP/2 nebo HTTP/3. Každou změnu proto změřte.

10. Odstraňte nepotřebná rozšíření, moduly a pluginy

Každé aktivní systémové rozšíření může při načtení stránky spouštět události, databázové dotazy nebo načítání souborů. I vypnuté či zapomenuté rozšíření navíc komplikuje údržbu a může představovat bezpečnostní riziko.

U webů spravovaných několik let bývá užitečné objednat technickou správu a údržbu webu, která zahrne také kontrolu rozšíření, aktualizací a výkonu.

11. Zrychlete načítání webových fontů

Jeden řez fontu může mít desítky až stovky kilobajtů. Když web načítá několik rodin a mnoho variant tloušťky, objem rychle narůstá. Externí fonty navíc vytvářejí další spojení na cizí doménu a mohou oddálit vykreslení textu.

• Používejte pouze potřebné rodiny a řezy fontu.
• Preferujte moderní formát WOFF2.
• Zvažte lokální uložení fontů na vlastním webu.
• Nastavte font-display: swap.
• Preloadujte pouze skutečně kritický font.
• U ikon zvažte SVG místo celé ikonové fontové knihovny.

12. Ukliďte databázi Joomla!

Databáze se během provozu postupně plní záznamy relací, logů, starých verzí článků, statistik, dat odinstalovaných rozšíření nebo tabulkami komponent, které již web nepoužívá. Samotná velikost databáze nemusí automaticky znamenat pomalý web, ale neřízený růst může prodlužovat zálohy a některé dotazy.

Bezpečný postup údržby databáze

• Nejprve vytvořte úplnou zálohu databáze.
• V Joomla! zkontrolujte strukturu databáze přes sekci Údržba databáze.
• Omezte počet ukládaných verzí článků podle skutečné potřeby.
• Pravidelně čistěte staré logy a dočasná data.
• Prověřte tabulky po odinstalovaných komponentách.
• U velkých webů analyzujte pomalé SQL dotazy a chybějící indexy.

13. Prověřte šablonu a page builder

Vizuální editory výrazně zjednodušují tvorbu obsahu, ale mohou přidávat vnořené kontejnery, globální CSS, animační knihovny a skripty pro prvky, které se na stránce vůbec nepoužívají. Největší problém vzniká, když se na jednom webu kombinují dva nebo tři různé page buildery.

• Používejte jeden hlavní page builder.
• Vypněte nepoužívané addon balíčky a knihovny ikon.
• Omezte animace při scrollování a parallax efekty.
• Nepoužívejte několik sliderů na jedné stránce.
• Zkontrolujte počet DOM prvků a hloubku vnoření.
• Na jednoduchý obsah preferujte čistý článek před složitým layoutem.
• Při změně šablony odstraňte staré přepisy a nepoužívaná CSS.

Jestliže připravujete nový web, vyplatí se rychlost řešit už při návrhu. Dodatečné zrychlování přeplněného layoutu bývá dražší než vytvoření střídmé a technicky čisté struktury od začátku. Více informací najdete na stránce Joomla! webové stránky.

14. Omezte externí skripty a služby třetích stran

Google Analytics, reklamní systémy, chat, mapy, sociální sítě, videa, remarketing, captcha a cookie lišta mohou načítat další desítky požadavků. Tyto služby často běží mimo váš server, takže jejich rychlost nemáte plně pod kontrolou.

• Odstraňte staré a duplicitní měřicí kódy.
• Nenačítejte chat nebo mapu na každé stránce, pokud nejsou potřeba.
• Video vložte přes lehký náhled a přehrávač načtěte až po kliknutí.
• Mapu lze nahradit statickým náhledem s odkazem.
• Marketingové skripty načítejte podle správně nastaveného souhlasu.
• Pravidelně kontrolujte kontejnery Google Tag Manageru.

15. Nastavte cache prohlížeče a případně CDN

Statické soubory, které se nemění při každé návštěvě, může prohlížeč uložit a při další stránce nebo návštěvě je nemusí znovu stahovat. Jde zejména o obrázky, fonty, CSS a JavaScript.

Dlouhou expiraci používejte spolu s verzováním názvů nebo URL souborů. Když se CSS změní, nová verze musí mít jiný identifikátor, aby návštěvník nezůstal u starého vzhledu z cache.

CDN může pomoci webům s návštěvníky z více zemí, velkým množstvím obrázků nebo vysokou návštěvností. Není však náhradou pomalého PHP, špatné databáze nebo neoptimalizované šablony. Nejprve opravte původní web a až potom vyhodnocujte přínos CDN.

V jakém pořadí Joomla! web zrychlovat?

Neprovádějte všechny optimalizace najednou. Po každém větším kroku web znovu změřte a otestujte. Budete vědět, která změna pomohla a která naopak způsobila problém.

Kontrolní seznam pro rychlý web v Joomla!

• Web byl změřen před zahájením optimalizace.
• Je známá hodnota TTFB, LCP, INP a CLS.
• Joomla!, šablona a rozšíření používají podporované verze.
• PHP je aktuální a kompatibilní s celým webem.
• Na serveru je aktivní a správně nastavený PHP OPcache.
• Hosting má dostatečný výkon a stabilní odezvu.
• Je zapnutá vhodná úroveň Joomla! cache.
• Dynamické moduly a stránky jsou z cache správně vyloučené.
• Page Cache není aktivní na košíku, pokladně a uživatelských stránkách.
• HTML, CSS a JavaScript se přenášejí komprimovaně.
• Obrázky mají přiměřené rozměry a moderní formát.
• Web používá responzivní varianty obrázků.
• Hlavní LCP obrázek nemá lazy loading.
• Obrázky pod prvním zobrazením používají lazy loading.
• Obrázky mají uvedenou šířku a výšku.
• Web nenačítá duplicitní CSS a JavaScriptové knihovny.
• Nekritické skripty zbytečně neblokují vykreslení.
• Nepoužívaná rozšíření byla odinstalována.
• Web nepoužívá několik page builderů současně.
• Fonty jsou omezené na potřebné rodiny a řezy.
• Externí mapy, videa a widgety se načítají pouze tam, kde jsou potřeba.
• Databáze neobsahuje zbytečně rostoucí logy a historická data.
• Statické soubory mají vhodně nastavenou cache prohlížeče.
• Po každé optimalizaci byly otestovány formuláře, menu a případný e-shop.
• Rychlost se pravidelně sleduje i po spuštění webu.

Časté dotazy ke zrychlení Joomla!

Shrnutí: rychlá Joomla! vzniká kombinací několika správných kroků

Největší zrychlení obvykle přinese odstranění skutečné příčiny problému, nikoliv instalace dalšího univerzálního pluginu. Začněte měřením, prověřte server a PHP, aktualizujte systém a nastavte vhodnou úroveň mezipaměti.

Potom optimalizujte obrázky, hlavní LCP prvek, fonty, CSS a JavaScript. Odstraňte rozšíření a externí skripty, které web nepotřebuje, a zkontrolujte databázi, cache prohlížeče i chování stránky na mobilních zařízeních.

Rychlost není jednorázové nastavení. Každá nová galerie, mapa, marketingový skript nebo aktualizace šablony může výkon změnit. Proto je součástí kvalitní správy webových stránek také pravidelné měření, kontrola a průběžná optimalizace.