Rýchlosť Stredný dopad Ľahké 15–30 min

Cache v prehliadači

Statické súbory sa majú ukladať u návštevníka.

Čo to je

Cache v prehliadači (cez hlavičky Cache-Control / Expires) umožní, aby si prehliadač uložil statické súbory (obrázky, CSS, JS, fonty) a pri ďalšej návšteve ich nesťahoval znovu.

Prečo to riešiť

Bez cache sťahuje vracajúci sa návštevník všetko znovu pri každom načítaní, zbytočne pomalé a dátovo náročné. Správna cache výrazne zrýchli opakované návštevy a odľahčí serveru.

Ako na to

1Nastav dlhú cache (napr. 1 rok) pre nemenné statické súbory.
2Používaj „cache busting“: verzovanie v názve (app.4f3a.js), aby pri zmene dostal používateľ novú verziu.
3HTML drž s krátkou alebo žiadnou cache (musí byť aktuálne).
4Over hlavičky Cache-Control v odpovedi.

Cache statických súborov (.htaccess)

Správne

<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áver

Cache v prehliadači je lacný spôsob, ako zrýchliť opakované návštevy. Kľúč je kombinácia dlhej cache pre statiku + verzovanie názvov, aby si mohol súbory meniť bez rizika, že uvidí starú verziu. HTML naopak nechaj čerstvé.

Súvisiace témy