Résumé rapide : ETag et Last-Modified sont deux en-têtes HTTP qui contrôlent la validité du cache. Leur usage réduit le trafic et accélère les chargements. Exemple fil conducteur : la startup fictive AtlasWeb optimise son site pour des pics de trafic.
Comprendre ETag et Last-Modified pour gérer le cache HTTP
ETag identifie une version précise d’une ressource. Le serveur génère un token unique pour chaque état du fichier. Le client renvoie ce token pour vérifier si la copie locale reste valable.
Last-Modified indique la date de la dernière modification. Le client demande si la ressource a changé depuis cette date. La logique reste simple mais moins fine que l’ETag.
Fonctionnement technique de l’ETag et exemples
L’ETag peut être un hash du contenu ou un identifiant construit par l’application. Il permet de détecter toute modification, même minime. Exemple : AtlasWeb calcule un MD5 du payload HTML pour produire l’ETag.
Quand le navigateur fait une requête, il envoie If-None-Match avec l’ETag. Si le jeton correspond, le serveur renvoie 304 Not Modified. Cela évite l’envoi du corps et réduit la bande passante.
Fonctionnement du Last-Modified avec cas concrets
Le serveur renvoie l’en-tête Last-Modified contenant une date. Le client répond avec If-Modified-Since lors des requêtes suivantes. Si la date serveur est antérieure ou égale, réponse 304.
Exemple concret : AtlasWeb sert des images générées quotidiennement. Le serveur met à jour Last-Modified à la fin du batch. Les navigateurs chargent moins de données lors des visites répétées.
Quand choisir ETag ou Last-Modified : critères pratiques
Le choix dépend du type de contenu et des contraintes d’infrastructure. Voici des critères clairs pour décider.
- 🧭 Contenu dynamique : préférez ETag si le rendu change souvent et sans changement de date.
- 🖼️ Fichiers statiques : Last-Modified suffit pour des assets mis à jour peu fréquemment.
- ⚙️ Disques réseau ou CDN : utiliser ETag peut poser des problèmes si le fichier est répliqué sans même hash stable.
- 📈 Performance : l’ETag offre une meilleure granularité, donc plus d’économies en bande passante.
- 🔒 Sécurité / Vie privée : attention aux ETag réutilisables qui peuvent servir d’empreinte côté client.
Insight : combiner les deux en respectant les limites de l’infra donne souvent le meilleur résultat.
Exemples d’implémentation chez AtlasWeb
AtlasWeb sert une API JSON et une interface web. Pour l’API, l’équipe génère un ETag basé sur un hash du JSON. Pour les images, le serveur renvoie Last-Modified lié au pipeline de génération.
Résultat : moins de 20% de requêtes retournent un corps complet. Le trafic sortant baisse, et l’expérience utilisateur s’améliore.
Risques, limites et pièges à éviter avec ETag et Last-Modified
Chaque en-tête a ses pièges. Les erreurs courantes provoquent des caches inefficaces ou des incohérences.
- ⚠️ ETag instable : générer un ETag non déterministe casse le cache.
- ⏳ Dates mal synchronisées : serveurs avec horloges décalées gâchent le Last-Modified.
- 🧩 CDN et proxy : certains caches modifient ou suppriment les en-têtes.
- 🔁 Invalidation : oublier d’invalider l’ETag après déploiement crée des retours obsolètes.
Cas d’erreur : AtlasWeb a d’abord généré des ETag incluant un timestamp de build. Les ETag changeaient à chaque déploiement mineur. La correction a consisté à baser le hash sur le contenu seulement.
Stratégies de test et checklist de déploiement pour le cache
Tester le comportement en production doit être simple et reproductible. Voici une checklist opérationnelle.
- 🔍 Vérifier les en-têtes retournés pour chaque ressource.
- 🧪 Simuler requêtes conditionnelles (If-None-Match, If-Modified-Since).
- 📊 Mesurer taux de 304 et taille moyenne des réponses.
- 🔁 Tester scénarios de déploiement pour l’invalidation d’ETag.
- 🛡️ Auditer risques de fingerprinting liés aux ETag.
Phrase-clé : commencer par des tests simples évite des incidents majeurs lors des pics.
| 🔑 Point clé | 🛠️ Action à retenir | 📌 Exemple |
|---|---|---|
| ETag stable | Générer un hash du contenu uniquement | AtlasWeb : MD5 du HTML 🚀 |
| Last-Modified | Mettre la date de la dernière écriture | Images générées quotidiennement 🖼️ |
| CDN | Vérifier que le CDN préserve les en-têtes | Configurer règles de cache chez le fournisseur ☁️ |
| Tests | Mesurer taux de 304 et bande passante | Script de test avant chaque déploiement ✅ |
Pour approfondir, vérifier les docs du serveur web et du CDN. adapter la stratégie selon l'architecture et la charge. L’approche itérative fonctionne bien pour la plupart des équipes.
Rédacteur en chef d’Objectif Affiliation, douze ans passés entre régies d’affiliation, agences et éditeurs BtoB. Travaille depuis Nantes, teste chaque tactique avant d’en parler, refuse les guides recyclés d’outre-Atlantique sans contexte français.