Quand un visiteur ouvre votre site web pour la première fois, son navigateur télécharge tous les fichiers nécessaires à l'affichage de la page : HTML, feuilles de style, scripts, images et polices. Lors d'une visite suivante, le navigateur n'a pas besoin de télécharger à nouveau tous ces fichiers s'ils sont stockés localement. Le cache du navigateur est le mécanisme qui rend cela possible, et c'est l'un des moyens les plus simples de rendre un site web plus rapide pour les visiteurs qui reviennent.
Le cache du navigateur enregistre des copies des fichiers d'un site web sur l'appareil du visiteur, pour que les chargements de page suivants puissent éviter de télécharger les ressources qui n'ont pas changé. Le serveur indique au navigateur combien de temps garder chaque fichier et quand vérifier l'existence de versions mises à jour. Comprendre le fonctionnement du cache du navigateur aide à voir pourquoi les visites suivantes paraissent souvent nettement plus rapides que la première.
Comment fonctionne le cache du navigateur ?
Chaque fichier envoyé par votre serveur comprend des instructions de cache dans les en-têtes de la réponse HTTP. Ces en-têtes indiquent au navigateur s'il doit enregistrer le fichier, combien de temps le garder et quand demander une nouvelle copie.
Lors d'une première visite, le navigateur télécharge tous les fichiers nécessaires depuis votre serveur et enregistre dans le stockage local ceux qui peuvent être mis en cache. Lors des visites suivantes, le navigateur charge depuis le stockage local les fichiers en cache encore valides, au lieu de les télécharger à nouveau.
Quels fichiers profitent le plus du cache du navigateur ?
Tous les fichiers ne doivent pas être mis en cache de la même façon. Les ressources statiques qui changent rarement sont idéales. Le contenu dynamique qui change souvent demande des durées de cache plus courtes, voire aucune mise en cache.
Longue durée de cache
- Les feuilles de style et fichiers JavaScript qui ne changent que lorsque vous modifiez le design du site
- Les logos, icônes et favicons
- Les fichiers de polices
- Les images d'arrière-plan et les éléments graphiques décoratifs
Courte durée de cache ou aucun cache
- Les pages HTML dont le contenu est mis à jour souvent
- Les pages au contenu personnalisé ou dynamique
- Les réponses d'API et les points de traitement de formulaires
Le principe général est simple : mettez en cache sans retenue ce qui change rarement, et avec prudence ce qui change souvent. L'article sur ce qu'est le cache et pourquoi il est important présente l'ensemble du paysage de la mise en cache, y compris le cache côté serveur et le cache CDN.
Pourquoi le cache du navigateur compte-t-il pour la vitesse ?
Le cache du navigateur réduit directement la quantité de données qu'un visiteur doit télécharger et le nombre de requêtes au serveur lors des visites suivantes. Ces deux améliorations se traduisent par des chargements de page plus rapides.
Un temps de chargement perçu plus rapide
Charger une feuille de style depuis le stockage local prend quelques millisecondes. Télécharger le même fichier par une connexion réseau prend des centaines de millisecondes ou plus, selon la vitesse de la connexion. Lors des visites suivantes, les ressources en cache apparaissent presque instantanément, ce qui rend la page nettement plus rapide avant même le chargement du nouveau contenu.
Une charge réduite pour le serveur
Chaque fichier servi depuis le cache du navigateur est une requête de moins à traiter pour votre serveur. Pour les sites qui ont des visiteurs récurrents, cela améliore les temps de réponse pour tous les visiteurs.
Des gains de performance sur mobile
Les connexions mobiles sont généralement plus lentes que celles des ordinateurs. Le cache du navigateur apporte un bénéfice de vitesse encore plus grand sur mobile, car il supprime des requêtes réseau qui seraient lentes sur des connexions plus faibles. L'article sur pourquoi la vitesse des pages sur mobile compte explique pourquoi cette couche est particulièrement critique pour les visiteurs mobiles.
Comment WEMASY gère le cache du navigateur
WEMASY définit automatiquement les en-têtes de cache adaptés à tous les types de fichiers. Les ressources statiques comme les feuilles de style, les scripts et les images reçoivent de longues durées de cache. Les pages HTML reçoivent des durées plus courtes pour que les mises à jour du contenu apparaissent rapidement après la publication. Quand vous faites des modifications dans l'éditeur, le système WEMASY met à jour les versions de cache pour que les visiteurs qui reviennent reçoivent du contenu à jour sans vidage manuel du cache.
Découvrez ce qui est inclus sur le créateur de site web WEMASY ou consultez les offres sur la page des tarifs.
Questions fréquentes
Qu'est-ce que le cache du navigateur ?
Le cache du navigateur enregistre des copies des fichiers d'un site web sur l'appareil du visiteur pour que les visites suivantes se chargent plus vite. Le serveur envoie des instructions de cache avec chaque fichier, indiquant au navigateur combien de temps le garder avant de vérifier s'il existe des mises à jour. Avec le créateur de site web de WEMASY, vous pouvez mettre cela en place directement sur votre site.
En quoi le cache du navigateur diffère-t-il du cache du serveur ?
Le cache du navigateur enregistre des fichiers sur l'appareil du visiteur pour accélérer le chargement lors de ses visites suivantes. Le cache du serveur enregistre des pages préconstruites sur le serveur d'hébergement pour que le processus de génération de la page ne s'exécute pas à chaque requête. Les deux réduisent le temps de chargement mais agissent à des points différents de la chaîne de livraison.
Pourquoi mon site est-il rapide à la deuxième visite mais lent à la première ?
La première visite demande de télécharger toutes les ressources de la page depuis le serveur. La deuxième visite charge beaucoup de ces ressources depuis le cache du navigateur, ce qui est bien plus rapide. C'est un comportement normal qui montre que le cache du navigateur fonctionne. Optimiser la première visite passe par la compression des images, le temps de réponse du serveur et la réduction des ressources qui bloquent l'affichage.
Les visiteurs peuvent-ils voir d'anciens contenus à cause du cache du navigateur ?
Oui, si les durées de cache sont trop longues et que le serveur ne met pas à jour les versions de cache après des changements de contenu. Les plateformes bien gérées s'en occupent automatiquement en mettant à jour les identifiants de cache quand vous publiez des modifications. Les visiteurs reçoivent alors des fichiers à jour lors de leur prochaine visite, sans avoir à vider eux-mêmes le cache de leur navigateur.
Dois-je vider le cache de mon navigateur pour tester mon site web ?
Vider le cache de votre navigateur est utile pour vérifier que les modifications récentes s'affichent correctement. Cela simule l'expérience d'un visiteur qui vient pour la première fois. Pour la navigation quotidienne sur votre propre site, il n'est pas nécessaire de vider le cache. Utilisez une fenêtre privée pour tester sans toucher à vos fichiers habituellement en cache.
Dois-je configurer moi-même le cache du navigateur ?
Sur une plateforme de site web gérée, les en-têtes de cache sont configurés automatiquement selon le type de fichier. Sur un hébergement que l'on gère soi-même, la configuration du cache demande des réglages du serveur ou des extensions de cache. WEMASY gère toute la configuration du cache du navigateur sans aucune installation technique de votre part.