Cachování obsahu je jedním z nejefektivnějších způsobů, jak zlepšit výkon a rychlost načítání webových stránek. Pomocí nastavení pravidel pro cachování v souboru .htaccess můžete kontrolovat, jak dlouho budou prohlížeče ukládat různé typy souborů do své mezipaměti. Tento článek poskytne podrobný návod, jak nastavit pravidla pro cachování obsahu pomocí direktiv ExpiresActive On
a ExpiresDefault A600
.
Co je cachování obsahu?
Cachování obsahu umožňuje webovým prohlížečům ukládat kopie souborů (jako jsou obrázky, CSS a JavaScript) na straně klienta. Díky tomu nemusí být tyto soubory znovu stahovány při každé návštěvě Webové stránky, což výrazně zrychluje načítání stránky a snižuje zátěž serveru.
Předpoklady
Před zahájením nastavení pravidel pro cachování obsahu se ujistěte, že máte přístup k souboru .htaccess na vašem webovém serveru. Tento soubor se obvykle nachází v kořenovém adresáři vaší webové aplikace.
Základní nastavení cachování pomocí ExpiresActive a ExpiresDefault
Otevřete soubor .htaccess ve vašem textovém editoru a přidejte následující kód:
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A600
</IfModule>
Vysvětlení kódu
- <IfModule mod_expires.c>: Kontroluje, zda je modul mod_expires načten.
- ExpiresActive On: Aktivuje funkci Expires.
- ExpiresDefault A600: Nastaví výchozí dobu cachování pro všechny typy souborů na 600 sekund (10 minut).
Pokročilé nastavení cachování
Pro lepší kontrolu nad cachováním různých typů souborů můžete specifikovat pravidla pro jednotlivé typy obsahu. Následující příklad ukazuje, jak nastavit různou dobu cachování pro obrázky, CSS, JavaScript a HTML soubory:
<IfModule mod_expires.c>
ExpiresActive On
# Výchozí doba cachování (10 minut)
ExpiresDefault A600
# Obrázky
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/png A2592000
ExpiresByType image/gif A2592000
ExpiresByType image/webp A2592000
# CSS a JavaScript
ExpiresByType text/css A604800
ExpiresByType application/javascript A604800
ExpiresByType application/x-javascript A604800
# HTML
ExpiresByType text/html A600
</IfModule>
Vysvětlení kódu
- ExpiresByType image/jpg A2592000: Nastaví dobu cachování pro obrázky JPEG na 2592000 sekund (30 dní).
- ExpiresByType text/css A604800: Nastaví dobu cachování pro CSS soubory na 604800 sekund (7 dní).
- ExpiresByType text/html A600: Nastaví dobu cachování pro HTML soubory na 600 sekund (10 minut).
Nastavení pravidel pro cachování obsahu v souboru .htaccess je účinným způsobem, jak zlepšit výkon vašich webových stránek. Tento proces zahrnuje úpravu souboru .htaccess a přidání potřebných direktiv pro kontrolu doby uchovávání jednotlivých typů souborů v mezipaměti prohlížeče. Pravidelným testováním a optimalizací můžete zajistit, že vaše stránky budou rychlé a uživatelsky přívětivé.