Configurer le cache navigateur (Browser Caching)

Cache navigateur

Principe

Le cache navigateur stocke les fichiers statiques (images, CSS, JS) localement. Lors des visites suivantes, le navigateur utilise les fichiers en cache au lieu de les retélécharger.

Configuration .htaccess

<IfModule mod_expires.c>\n  ExpiresActive On\n  ExpiresByType image/jpeg "access plus 1 year"\n  ExpiresByType image/png "access plus 1 year"\n  ExpiresByType image/webp "access plus 1 year"\n  ExpiresByType text/css "access plus 1 month"\n  ExpiresByType application/javascript "access plus 1 month"\n  ExpiresByType text/html "access plus 0 seconds"\n</IfModule>

LiteSpeed

LiteSpeed Cache gère automatiquement les en-têtes de cache navigateur. Vérifiez dans LiteSpeed Cache → Cache → Browser Cache: Activé.

Vérifier

Chrome DevTools → Network → vérifiez les en-têtes Cache-Control et Expires.