Cache navigateur
Stockage local de fichiers web (images, CSS, JS) par le navigateur pour accélérer le chargement lors des visites suivantes.
Qu'est-ce que le caché navigateur ?
Le caché navigateur (browser caché) est un mécanisme de stockage temporaire qui permet au navigateur web de sauvegarder localement les fichiers statiques d'un site : images, CSS, JavaScript, polices de caractères. Lors d'une visite ultérieure, le navigateur charge ces fichiers depuis le caché local au lieu de les ré-télécharger depuis le serveur.
Un site correctement configure peut voir son temps de chargement des visites suivantes divisé par 3 à 10. Google PageSpeed Insights signale systématiquement l'absence de politique de caché comme un problème de performance impactant les Core Web Vitals.
En-têtes HTTP de caché
# Caché long (1 an) pour les assets statiques avec hash
Cache-Control: public, max-age=31536000, immutable
# Caché court pour les pages HTML
Cache-Control: public, max-age=0, must-revalidate
# ETag pour la validation conditionnelle
ETag: "abc123def456"
If-None-Match: "abc123def456"
# Réponse 304 Not Modified si le fichier n'a pas changéConfiguration recommandée par type de fichier
La stratégie optimale combine des durées longues pour les fichiers immuables (avec hash dans le nom) et des durées courtes avec revalidation pour le contenu dynamique.
- CSS/JS avec hash (style.abc123.css) : caché immutable d'1 an, le hash changé à chaque modification
- Images optimisées : caché de 1 an avec CDN, invalidation via nouveau nom de fichier
- Pages HTML : max-age=0 avec revalidation, garantissant toujours le contenu le plus frais
- Polices de caractères : caché de 1 an, fichiers rarement modifiés
Caché et frameworks modernes
Les frameworks modernes comme Next.js et Nuxt gèrent le caching intelligemment par défaut. Les assets reçoivent automatiquement des noms hashés permettant un caché immutable d'un an, tandis que les pages HTML sont servies avec des en-têtes de revalidation. Deploye sur Vercel, le caché est distribué sur un CDN mondial, combinant caché navigateur et caché edge pour des performances optimales sans configuration manuelle.
Termes liés
Vitesse de chargement
Temps nécessaire pour qu'une page web s'affiche complètement dans le navigateur de l'utilisateur.
Core Web Vitals
Ensemble de métriques Google mesurant l'expérience utilisateur : vitesse de chargement, interactivité et stabilité visuelle.
CDN
Content Delivery Network : réseau de serveurs distribués géographiquement pour servir le contenu web plus rapidement.
Besoin d'un expert SEO ?
Passez de la théorie à la pratique. Discutons de votre stratégie de référencement naturel.
Réserver un appel stratégique