Co je cache a jak zrychluje web

Co je cache

Cache je dočasné úložiště pro často používaná data. Místo aby server generoval stránku pokaždé od nuly – četl databázi, spouštěl PHP, skládal HTML – se cachovaný obsah doručí přímo z paměti nebo disku. Výsledkem je dramaticky rychlejší načítání stránek.

Představte si cache jako poličku u pokladny v obchodě. Místo abyste pro každý produkt, o který zákazníci často žádají, chodili do skladu (na server), držíte ty nejoblíbenější položky po ruce. Cache stejným způsobem udržuje často požadované stránky a zdroje blíž uživateli pro rychlé doručení.

Cache prohlížeče

Cache prohlížeče je uživateli nejblíž. Když návštěvník otevře váš web poprvé, prohlížeč stáhne všechny zdroje – HTML, CSS, JavaScript, obrázky, fonty. Při opakované návštěvě prohlížeč tyto zdroje načte z lokální paměti místo toho, aby je stahoval znovu.

Jak to funguje

• Hlavička Cache-Control: Server posílá hlavičku, která prohlížeči říká, jak dlouho má zdroj uchovávat. Například Cache-Control: max-age=31536000 znamená, že prohlížeč soubor uchová rok.
• ETag: Jedinečný identifikátor verze souboru. Prohlížeč se serveru zeptá „změnil se soubor od verze X?“ – pokud ne, server odpoví 304 Not Modified a obsah už znovu neposílá.
• Hlavička Expires: Starší mechanismus, který explicitně uvádí datum expirace cache.

Doporučená nastavení

• Obrázky, fonty, CSS/JS: Cachujte na delší dobu (6 měsíců až 1 rok). Pro aktualizace používejte verzování v názvu souboru (style.v2.css).
• HTML stránky: Krátká cache prohlížeče nebo žádná, protože obsah se může často měnit.
• Příklad .htaccess: V Apache/LiteSpeed použijte mod_expires k nastavení pravidel cache podle typu souboru.

Správně nakonfigurovaná cache prohlížeče může zkrátit dobu načítání o 60–80 % při opakovaných návštěvách. Google PageSpeed Insights upozorňuje, pokud nemáte vhodné hlavičky cache.

Cache serveru

Cache serveru ukládá vygenerované stránky na serveru, aby je nemusel zpracovávat při každém požadavku. U PHP webů jako WordPress je to klíčové, protože generování stránky v PHP vyžaduje víc času procesoru než doručení statického souboru.

Typy cache serveru

• Page cache (Full page cache): Celý HTML výstup stránky se uloží jako statický soubor. Následné požadavky tento soubor dostanou přímo, bez volání PHP. Nejúčinnější cachování pro WordPress.
• Opcode cache (OPcache): PHP kód se jednou zkompiluje do bytekódu a cachovaný bytekód se použije pro všechny následující požadavky. V PHP 8.x je zapnutý ve výchozím nastavení.
• Object cache: Výsledky databázových dotazů se ukládají do paměti (Redis nebo Memcached). Obzvlášť užitečné pro WooCommerce a weby s velkým množstvím dynamického obsahu.
• Cache databázových dotazů: Databáze (MySQL/MariaDB) má vestavěný mechanismus pro cachování často spouštěných dotazů.

LiteSpeed Cache

Server LiteSpeed má vestavěný mechanismus cache, který běží na úrovni webového serveru – je rychlejší než jakékoli cachovací řešení založené na PHP. Plugin LiteSpeed Cache pro WordPress tuto cache spravuje a nabízí:

• Automatické cachování stránek s chytrou invalidací (znovu se cachuje jen to, co se změnilo).
• ESI (Edge Side Includes) pro částečné cachování – cachujte hlavní část stránky, zatímco dynamické prvky (košík, přihlášený uživatel) zůstávají bez cache.
• Optimalizaci obrázků, CSS a JavaScriptu v jednom pluginu.
• Crawler, který proaktivně generuje cache ještě před příchodem návštěvníka.

Cache CDN (Content Delivery Network)

CDN distribuuje kopie vašeho webu na servery po celém světě. Když návštěvník z Japonska otevře váš web hostovaný v České republice, místo aby požadavek putoval tisíce kilometrů, CDN doručí obsah z nejbližšího serveru – třeba v Tokiu.

Jak CDN funguje

• Edge servery: CDN má síť serverů (edge nodes) ve stovkách lokalit po celém světě. Každý drží kopii vašeho statického obsahu.
• Origin server: Váš hostingový server je origin – zdroj původního obsahu. CDN origin pravidelně kontroluje, zda nedošlo k aktualizaci.
• TTL (Time to Live): Určuje, jak dlouho CDN kopii uchová, než se origin zeptá na novou verzi.

Co CDN cachuje

• Obrázky (JPG, PNG, WebP, SVG) – obvykle největší zdroje na webu.
• CSS a JavaScript soubory.
• Fonty (WOFF2, TTF).
• Video a audio soubory.
• Statické HTML stránky (u některých CDN).

Oblíbené CDN služby

• Cloudflare: Bezplatný tarif se základním CDN, DNS a ochranou proti DDoS. Nejoblíbenější volba pro malé a střední weby.
• BunnyCDN: Levnější než většina konkurence, s dobrým výkonem a servery v Evropě.
• QUIC.cloud: CDN optimalizované pro servery LiteSpeed, s integrací do pluginu LiteSpeed Cache.

Cachovací pluginy pro WordPress

Pokud používáte WordPress, je cachovací plugin jedním z nejdůležitějších pluginů, které můžete nainstalovat. Přehled nejoblíbenějších možností:

LiteSpeed Cache (doporučeno pro BeoHosting)

• Běží na úrovni serveru – rychlejší než všechny alternativy založené na PHP.
• Zdarma se všemi funkcemi.
• Optimalizace obrázků, minifikace CSS/JS, lazy loading – vše v jednom pluginu.
• Vyžaduje server LiteSpeed (který BeoHosting používá).

WP Rocket

• Prémiový plugin (1 475 Kč/rok za jednu licenci).
• Funguje na jakémkoli serveru (Apache, Nginx, LiteSpeed).
• Nejjednodušší na nastavení – dobré výchozí hodnoty hned po instalaci.
• Optimalizace databáze, řízení heartbeat, lazy loading.

W3 Total Cache

• Zdarma, s pokročilými možnostmi pro zkušené uživatele.
• Podporuje page cache, object cache, cache prohlížeče i CDN.
• Složitější na nastavení – špatná konfigurace může web zpomalit.

WP Super Cache

• Zdarma, jednoduchý, spolehlivý.
• Vytvořil ho tým Automattic (tvůrci WordPressu).
• Méně možností než W3 Total Cache, ale mnohem jednodušší na použití.

Kdy může cachování způsobit problémy

Cache není vždy řešením – v některých situacích může nesprávné cachování způsobit potíže:

• Dynamický obsah: Stránky, které se musí pro každého uživatele lišit (košík, účet, checkout), se nesmí cachovat.
• Zastaralý obsah: Pokud stránku změníte, ale cache se neobnoví, návštěvníci uvidí starý obsah. Klíčová je správná invalidace cache.
• Debugging: Cache může skrýt chyby – pokud testujete změny a nevidíte je, díváte se pravděpodobně na cachovanou verzi. Po úpravách vždy cache vyprázdněte.
• Personalizovaný obsah: Weby s A/B testováním nebo geo-personalizací musí cache pečlivě nakonfigurovat, aby různí uživatelé nedostávali špatnou verzi.

Měření efektu cache

Abyste viděli, jak moc cache zlepšuje výkon vašeho webu, použijte tyto nástroje:

• Google PageSpeed Insights: Měří rychlost načítání a dává konkrétní doporučení k cachování.
• GTmetrix: Podrobnější analýza s waterfall diagramem, který ukazuje každý požadavek a zda byl doručen z cache.
• WebPageTest: Testuje z více lokalit a ukazuje rozdíl mezi prvním načtením (cold cache) a opakovaným načtením (warm cache).
• Chrome DevTools: Záložka Network ukazuje velikost a dobu načítání každého zdroje a zda přišel z cache prohlížeče.

Závěr

Cachování je nejúčinnější způsob, jak zrychlit web bez dodatečných nákladů. Kombinace cache prohlížeče, cache serveru a CDN dokáže zkrátit dobu načítání o 70–90 %. Pro WordPress weby na BeoHosting je plugin LiteSpeed Cache ideálním řešením, protože využívá vestavěnou cache serveru pro maximální výkon. Začněte instalací cachovacího pluginu, nastavte hlavičky cache prohlížeče a pro globální publikum zvažte CDN. Výsledky jsou vidět okamžitě – rychlejší web znamená spokojenější návštěvníky, lepší SEO a více konverzí.