V dnešní době je rychlost webu klíčová nejen pro uživatelský komfort, ale i pro výsledky ve vyhledávání. Google prostřednictvím Core Web Vitals hodnotí reálný výkon stránek – a ten může přímo ovlivnit vaši návštěvnost i konverze.

Pokud používáte Drupal, máte v rukou robustní a výkonný systém. Ale i ten potřebuje správnou konfiguraci, aby odpovídal současným nárokům na web performance. V tomto článku vám ukážeme hlavní oblasti, na které se při optimalizaci Drupalu zaměřit.

Twig šablony a lazy-loading

Drupal používá moderní šablonovací systém Twig, který nabízí čisté oddělení logiky a prezentace. Ale i v šablonách je třeba dbát na výkon:

Doporučení:

  • Používejte lazy atribut u <img> a <iframe> prvků
  • Minimalizujte počet zanořených bloků a include
  • Odstraňte nepotřebné renderované oblasti
  • Využívejte quicklink nebo vlastní preload skripty pro rychlejší navigaci

Efektivní Twig šablony zajišťují nižší čas zpracování na straně serveru i menší objem dat pro uživatele.

Caching a asset management

Drupal disponuje pokročeným systémem kešování na více úrovních: render cache, page cache, dynamic page cache, route cache, config cache atd.

Doporučení:

  • Internal Page Cache (pro anonymní uživatele)
  • Dynamic Page Cache (pro přihlášené uživatele)
  • Využívání cache contexts a tags pro správné invalidování
  • Agresivní nastavení max-age u komponent, které se nemění
  • CSS/JS optimalizace: Sloučení a minifikace assetů (aggregate nastavení v Drupalu); Vlastní assety registrujte přes libraries.yml – lze nastavit defer, async; Zajistěte, aby se nenačítaly zbytečné knihovny napříč šablonami (např. jQuery, pokud není nutné)

CDN: Globální zrychlení

Pro distribuci statického obsahu doporučujeme nasazení CDN (Content Delivery Network) 

• Rychlejší načítání obrázků, JS, CSS po celém světě 
• Zmírnění zátěže na původním serveru 
• Možnost optimalizace obrázků a webfontů

Drupal lze snadno integrovat s CDN pomocí modulu cdn nebo přímou konfigurací reverse proxy.

Lighthouse a Core Web Vitals

Lighthouse skóre (testovatelné např. v Chrome DevTools nebo PageSpeed Insights) hodnotí stránku na základě klíčových metrik:

  • LCP (Largest Contentful Paint) – rychlost načtení hlavního obsahu
  • FID (First Input Delay) – interaktivita stránky
  • CLS (Cumulative Layout Shift) – vizuální stabilita

Typické problémy u Drupalu:

  • Zbytečné vykreslování nad foldem
  • Blokující CSS/JS (např. Google Fonts, jQuery)
  • Pomalý serverový TTFB (Time to First Byte)
  • Špatně optimalizované obrázky nebo video

Jak skóre zlepšit:

  • Aktivujte lazy-loading obrázků
  • Používejte moderní formáty obrázků (WebP, AVIF)
  • Optimalizujte fonty – display: swap, lokální hostování
  • Implementujte critical CSS
  • Využijte preload a prefetch linky v HTML hlavičce
  • Komprimujte výstup (Gzip, Brotli)

Cesta k rychlejšímu Drupalu

Drupal může být velmi rychlý – pokud mu pomůžete. Optimalizace webu na Drupalu není jen o serveru nebo hostingu. Jde o kombinaci správného šablonování, efektivního kešování, minimalizace požadavků a přizpůsobení výstupu reálnému chování uživatelů.

Doporučujeme:

  • Pravidelně testujte pomocí Lighthouse
  • Sledujte metriky Core Web Vitals v Google Search Console
  • Využijte CDN a správu assetů
  • Najměte si zkušené Drupal vývojáře, kteří chápou performance do hloubky

Máte pomalý Drupal web?

Zajistíme audit výkonu, navrhneme optimalizační kroky a pomůžeme zlepšit vaše Lighthouse skóre i uživatelskou zkušenost.

Kontaktujte nás pro nezávaznou konzultaci.