Conseils · Performance

Cache navigateur et compression web

Une page rapide ne doit pas retélécharger les mêmes fichiers à chaque visite. Le cache et la compression réduisent la quantité de données transférées sans modifier le contenu visible.

Guide pratiquePerformance

Mettre en cache les ressources stables

CSS, JavaScript, polices et images versionnées peuvent souvent recevoir une durée de cache longue si leur URL change lorsqu’un fichier est modifié.

  • Utilisez des noms ou paramètres de version fiables.
  • Donnez une durée longue aux assets immuables.
  • Gardez des règles plus prudentes pour le HTML qui évolue souvent.

Compresser les contenus texte

HTML, CSS, JavaScript, JSON et SVG se compressent efficacement. Le serveur peut utiliser Gzip ou Brotli selon ses capacités et celles du client.

  • Activez la compression côté serveur plutôt que dans le code applicatif.
  • Ne recompressez pas inutilement les formats déjà compressés comme JPEG.
  • Vérifiez Content-Encoding dans la réponse HTTP.

Éviter les caches incohérents

Une durée longue sans stratégie de version peut laisser un ancien CSS chez les visiteurs après une mise à jour. La mise en cache doit donc être pensée avec le déploiement.

  • Versionnez les assets lors d’une modification importante.
  • Testez un déploiement avec un navigateur ayant déjà visité le site.
  • Documentez les règles dans la configuration serveur.

Checklist pratique

  • Assets statiques avec politique de cache adaptée.
  • HTML moins agressivement mis en cache.
  • Compression active pour les formats texte.
  • Version d’asset modifiée lors d’un changement.
  • Headers vérifiés en production.

Conclusion

Cache et compression sont des optimisations serveur simples qui profitent à presque toutes les pages. Leur efficacité dépend surtout d’une politique cohérente avec la manière dont le site est déployé.