Échec de la connexion. Veuillez réessayer.

Aller au contenu
SEO Tools
Aide et documentation
Vitesse Impact moyen Facile 15 à 30 minutes

Mise en cache du navigateur

Les fichiers statiques doivent être stockés du côté du visiteur.

Ce que c’est

La mise en cache du navigateur (via les en-têtes Cache-Control / Expires) permet au navigateur de stocker des fichiers statiques (images, CSS, JS, polices) et de ne pas les retélécharger lors de la prochaine visite.

Pourquoi c’est important

Sans mise en cache, un visiteur récurrent télécharge tout à nouveau à chaque chargement, ce qui est inutilement lent et gourmand en données. Une mise en cache appropriée accélère considérablement les visites répétées et décharge le serveur.

Comment faire

  1. 1Définissez un cache long (par exemple 1 an) pour les fichiers statiques immuables.
  2. 2Utilisez le "cache busting" - gestion des versions dans le nom (app.4f3a.js) afin que l'utilisateur obtienne la nouvelle version lors de la modification.
  3. 3Conservez le HTML avec un cache court ou inexistant (il doit être à jour).
  4. 4Vérifiez les en-têtes Cache-Control dans la réponse.

Mise en cache des fichiers statiques (.htaccess)

Correct
<IfModule mod_expires.c>
  ExpireActif le
  ExpiresByType image/webp "accès plus 1 an"
  ExpiresByType texte/css "accès plus 1 an"
  Application ExpiresByType/javascript "accès plus 1 an"
</IfModule>

Conclusion

La mise en cache du navigateur est un moyen peu coûteux d’accélérer les visites répétées. La clé consiste à combiner un long cache pour les actifs statiques + des noms versionnés afin que vous puissiez modifier les fichiers sans risquer que l'utilisateur voie une ancienne version. D'un autre côté, gardez le HTML à jour.

Sujets liés