Rychlost Střední dopad Snadné 15–30 min

Cache v prohlížeči

Statické soubory se mají ukládat u návštěvníka.

Co to je

Cache v prohlížeči (přes hlavičky Cache-Control / Expires) umožní, aby si prohlížeč uložil statické soubory (obrázky, CSS, JS, fonty) a při další návštěvě je nestahoval znovu.

Proč to řešit

Bez cache stahuje vracející se návštěvník vše znovu při každém načtení, zbytečně pomalé a datově náročné. Správná cache výrazně zrychlí opakované návštěvy a odlehčí serveru.

Jak na to

1Nastav dlouhou cache (např. 1 rok) pro neměnné statické soubory.
2Používej „cache busting": verzování v názvu (app.4f3a.js), ať při změně dostane uživatel novou verzi.
3HTML drž s krátkou nebo žádnou cache (musí být aktuální).
4Ověř hlavičky Cache-Control v odpovědi.

Cache statických souborů (.htaccess)

Správně

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType text/css "access plus 1 year"
  ExpiresByType application/javascript "access plus 1 year"
</IfModule>

Závěr

Cache v prohlížeči je levný způsob, jak zrychlit opakované návštěvy. Klíč je kombinace dlouhé cache pro statiku + verzování názvů, abys mohl soubory měnit bez rizika, že uvidí starou verzi. HTML naopak nech čerstvé.

Související témata