Jak skonfigurować browser caching (cache przeglądarki) Drukuj

Cache przeglądarki — co to jest?

Cache przeglądarki przechowuje statyczne pliki (CSS, JS, obrazy, czcionki) lokalnie na komputerze użytkownika. Przy kolejnej wizycie pliki są ładowane z dysku zamiast z serwera — strona ładuje się bżyskawicznie.

Konfiguracja przez .htaccess

<IfModule mod_expires.c>
  ExpiresActive On
  # Obrazy - 1 rok
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType image/svg+xml "access plus 1 year"
  # CSS i JavaScript - 1 miesiąc
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
  # Czcionki - 1 rok
  ExpiresByType font/woff2 "access plus 1 year"
  # HTML - bez cache
  ExpiresByType text/html "access plus 0 seconds"
</IfModule>

Cache-Control Headers

<IfModule mod_headers.c>
  <FilesMatch ".(ico|jpg|jpeg|png|gif|webp|svg|css|js|woff2)$">
    Header set Cache-Control "max-age=31536000, public"
  </FilesMatch>
</IfModule>