Grâce à la mise en cache du navigateur, les fichiers ne doivent pas être téléchargés à chaque fois qu'une page web est consultée, mais sont enregistrés dans le navigateur.
Les utilisateurs profitent de la réduction du temps d'attente avant l'ouverture complète d'une page web. La réduction du temps de chargement des pages présente également des avantages pour les exploitants de sites web : Grâce à la vitesse de chargement des pages (Pagespeed) plus élevée, le classement dans les moteurs de recherche est influencé positivement.
Apprends tout sur la mise en cache du navigateur et sur la manière de l'utiliser correctement dans notre article de blog !
Qu'est-ce que le cache du navigateur ?
Le cache du navigateur désigne la mémoire tampon d'un navigateur web dans laquelle sont stockées des copies de ressources déjà consultées (par exemple des images, des fichiers JavaScript, des vidéos).
Si une page sur Internet a déjà été consultée une fois et qu'une partie des ressources a été enregistrée dans le cache du navigateur, la page se chargera plus rapidement lors de la deuxième visite. La raison en est que les données n'ont pas besoin d'être téléchargées à nouveau, mais peuvent être récupérées à partir du cache.
Tu peux t'imaginer le déroulement de la mise en cache du navigateur de la manière suivante:
- Lorsque tu visites une certaine page sur Internet pour la première fois, tous les éléments de cette page doivent être téléchargés. La visite d'un site web implique donc toujours le téléchargement de données.
- Certains éléments des pages web changent régulièrement, d'autres sont statiques. Les éléments statiques des pages web se prêtent à la mise en cache du navigateur. Ils sont stockés dans le cache de ton navigateur.
- Lors de la prochaine ouverture de la page, le navigateur utilise les ressources stockées dans son cache. Il doit par conséquent demander moins de données au serveur et le serveur doit envoyer moins de données.
Le concept de mise en cache est très répandu. Il est également utilisé, entre autres , par les serveurs proxy dans les grands réseaux informatiques . Lorsque le réseau compte un grand nombre de participants, le serveur proxy fait en sorte que les ressources du cache soient envoyées aux utilisateurs. Ainsi, il n'a pas besoin de transmettre la demande du client au serveur et il n'est pas nécessaire de parcourir l'Internet pour récupérer les ressources.
La simple définition du cache du navigateur révèle déjà son grand avantage : il permet d'optimiser la vitesse de chargement. Comme la communication avec le serveur est plus courte et que les ressources sont directement accessibles depuis la mémoire, elles peuvent être mises à disposition plus rapidement.
Avantage : vitesse
L'avantage du browser-caching réside dans l'optimisation de la vitesse de chargement. En tant qu'agence de référencement, Specht GmbH utilise la mise en cache du navigateur pour augmenter la vitesse de chargement des pages ( pagespeed ). Une vitesse de page élevée est l'un des facteurs de classement les plus importants pour les moteurs de recherche comme Google.
Plus le chargement de l'ensemble de ton site web et de toutes les sous-pages correspondantes est rapide lorsque les utilisateurs y accèdent, plus tu as de chances d'être bien placé dans les résultats de recherche. Un classement élevé dans les résultats de recherche s'accompagne d'une meilleure visibilité, d'un plus grand nombre de visiteurs sur le site et d'une réalisation plus rapide de tes objectifs individuels. De plus, une vitesse de page améliorée a un effet positif sur l'expérience utilisateur (UX).
Dans le SEO on-page, il faut surtout saisir les possibilités suivantes pour améliorer le temps de chargement:
- Compression d'images
- Élimination des plug-ins superflus du CMS
- Utilisation du cache du navigateur
Google soutient les exploitants de sites web (webmasters), les experts SEO et les agences de marketing en ligne dans l'optimisation des moteurs de recherche. Il fournit de nombreux outils utiles pour optimiser son propre site web, comme Google Search Console et Google Analytics. L'exploitant du moteur de recherche met également à disposition des outils pour réduire le temps de chargement des pages web avec Google Pagespeed Insights un outil SEO utile.
Inconvénient : actualité
L'un des inconvénients des caches de navigateur est leur actualité potentiellement limitée. En tant qu'utilisateur, il est impossible de savoir quand les webmasters actualisent des sous-pages ou même des sites entiers. Les ressources stockées dans le cache risquent d'être obsolètes après les mises à jour.
Pour contourner le problème du manque d'actualité, les webmasters et les utilisateurs sont tous deux responsables. Les webmasters décident s'ils souhaitent utiliser la mise en cache et quelles ressources doivent être mises en cache et pour quelle durée - nous aborderons dans la section suivante la manière dont les webmasters définissent correctement les règles de mise en cache.
Alors que les webmasters sont appelés à ne sélectionner que les ressources statiques pour la mise en cache afin de garantir l'actualité des données, les utilisateurs ont la responsabilité de vider régulièrement leur cache. Le vidage du cache entraîne la suppression de tous les contenus stockés dans le cache.
Si une page est rechargée après le vidage du cache, toutes les mises à jour de cette page sont affichées. De plus, les ressources statiques actualisées et donc nouvelles sont stockées dans le cache, de sorte que la prochaine fois, de nouveaux contenus seront chargés à partir du cache. Le vidage régulier du cache présente en outre l'avantage de décharger le disque dur du terminal et, par conséquent, d'améliorer à nouveau les performances du terminal.
-
Entretien stratégique gratuit
SEO
Lors d'un entretien stratégique gratuit sur le référencement, nous découvrirons les potentiels inexploités et élaborerons une stratégie pour que tu aies plus de succès sur Google.

- Plus de visibilité organique
- Plus de visiteurs organiques sur ton site web
- Plus de demandes et de ventes
Définir correctement les règles de stockage des ressources dans le cache du navigateur
Il y a deux aspects dans la mise en œuvre du caching : l'un théorique, l'autre pratique. Nous aborderons le côté pratique dans la prochaine section. Tout d'abord, nous souhaitons élargir les connaissances théoriques sur la mise en cache déjà présentées dans cet article de blog, afin que tu comprennes encore mieux la partie pratique. Jusqu'ici, tu sais tout:
- La mise en cache des ressources de ton site web dans le navigateur des utilisateurs est tout à fait judicieuse, car elle contribue à augmenter la vitesse de chargement de ton site web et de toutes ses sous-pages.
- Pour s'assurer que les ressources stockées dans le cache du navigateur sont à jour, les webmasters doivent définir correctement les règles de mise en cache.
- Les utilisateurs ont également leur part de responsabilité : pour que les données soient à jour, il est recommandé de vider régulièrement le cache.
En tant que webmaster, lorsque tu définis les règles de mise en cache, il est préférable de distinguer trois périodes : à long terme, à moyen terme et à court terme. Tu affectes chaque ressource à l'une de ces périodes. Ainsi, tu t'assures que la ressource en question est automatiquement retirée du cache lorsque son actualité est menacée.
les recommandations : Quand charger quelles ressources du cache ?
Pour garantir l'actualité des ressources dans le cache du navigateur, tu devrais, en tant que webmaster, mettre en cache uniquement les ressources statiques à long terme (par exemple pendant un mois ; pendant un an). Les fichiers JavaScript et les fichiers CSS sont des exemples de ressources statiques. Voici un aperçu des ressources adaptées à la mise en cache :
- CSS, HTML et JavaScript
- Fichiers image tels que JPG, JPEG, PNG et GIF
- Fichiers d'objets comme les vidéos et les PDF
Prenons l'exemple des images : Le logo d'une entreprise ou l'infographie d'un article informatif ne change pas du tout ou seulement après plusieurs années. Les images comme les logos peuvent donc être stockées sans problème à long terme dans le cache du navigateur, car elles conservent leur actualité sur une longue période, par exemple plus d'un an.
Le fait que des ressources telles que CSS, HTML et JavaScript puissent également être enregistrées dans le cache du navigateur permet par exemple d'enregistrer la mise en page d'une page . L'enregistrement des fichiers CSS, en particulier, a un effet positif sur la performance des pages web. Il est possible d'enregistrer les fichiers CSS pendant une durée d'un mois.
Tous les autres fichiers qui changent régulièrement - peut-être même plusieurs fois au cours d'une même journée - devraient être mis en cache dans le navigateur pendant quelques heures au maximum. Les fichiers HTML sont un exemple de période de mise en cache de courte durée. Ceux-ci servent entre autres à la mise en forme de textes. Comme les textes sont souvent modifiés, tous les fichiers associés devraient être rechargés à chaque fois, si possible.
En-tête : les informations sont déposées ici
Dans la structure de la page, il y a ce que l'on appelle le En-tête. C'est dans ces derniers que sont définies les règles qui régissent par exemple l'échange d'informations entre le navigateur et le serveur ou l'exploration par les algorithmes de Google. Comme les règles de mise en cache sont également définies dans les en-têtes, ceux-ci jouent un rôle central dans la mise en cache du navigateur.
Dans l'en-tête de mise en cache, des commandes déterminent quelle ressource ou quel fichier peut être mis en cache. Si aucune information correspondante n'est définie, la mise en cache n'a pas lieu. On distingue deux en-têtes de mise en cache : l'en-tête Cache Control et l'en-tête Expires.
L'en-tête Cache-Control contient des informations sur la ressource ou le fichier qui peut être mis en cache. Les instructions suivantes sont courantes :
- no-cache : le navigateur peut mettre en cache, mais doit demander au serveur si la ressource en question est la dernière version.
- public : la ressource peut être mise en cache.
- privé : la ressource peut être mise en cache, mais uniquement par le navigateur et non par d'éventuels serveurs proxy.
- no-store : il n'est pas autorisé de mettre la ressource en cache.
Alors que l'en-tête Cache Control indique quelles ressources et quels fichiers peuvent être stockés et où, l'en-tête Expires sert à définir les périodes de mise en cache. Dans cet en-tête de mise en cache, il est possible de mettre en œuvre les recommandations de la section précédente de cet article de blog : En mentionnant concrètement une période dans l'en-tête Expires, le navigateur sait à partir de quel moment il doit demander au serveur une nouvelle copie de la ressource ou du fichier en question et la stocker temporairement dans son cache.
- Je suis l'un des principaux experts SEO en Allemagne
Je suis connu des grands médias comme Stern, GoDaddy, Onpulson & Frühstücksfernsehen et j'ai déjà fait plus de 100+ clients de renom sur Google.
Évaluation Google
Basé sur 185 évaluations
Évaluation Trustpilot
Basé sur 100 évaluations
Mise en œuvre : voici comment utiliser correctement le cache du navigateur !
Il existe deux possibilités pour mettre en œuvre la mise en cache. La manière simple consiste à utiliser des plug-ins dans le CMS, la manière compliquée avec un plus grand contrôle sur la mise en cache consiste à modifier le fichier htaccess.
Configurer la mise en cache via un fichier htaccess
Le fichier htaccess se trouve dans le répertoire racine du site web sous le nom ".htaccess". Ouvre le fichier htaccess et active d'abord la mise en cache du navigateur via le module "mod_headers" en utilisant la commande suivante en tant qu'administrateur :
a2enmod en-têtes
/etc/init.d/apache2 restart
Ensuite, tu as la possibilité de définir les types de fichiers pour la mise en cache. Tu peux d'une part regrouper tous les types de fichiers comme dans cet exemple :
<IfModule mod_headers.c>
<FilesMatch „\.(gif|ico|jpeg|jpg|png|css|js)$“>
Header set Cache-Control „max-age=604800, public“
</FilesMatch>
</IfModule>
D'autre part, lors de la définition des types de fichiers à mettre en cache, tu peux définir des valeurs par défaut différentes pour les différents types de fichiers en commençant simplement une nouvelle ligne de correspondance de fichiers :
<IfModule mod_headers.c>
<FilesMatch „\.(gif|jpg|jpeg|png)$“>
Header set Cache-Control „max-age=604800, public“
</FilesMatch>
<FilesMatch „\.(css|js)$“>
Header set Cache-Control „max-age=2592000, public“
</FilesMatch>
</IfModule>
L'indication "max-age" informe sur le nombre de secondes (par ex. 604.800 secondes = une semaine) pendant lesquelles un fichier doit être mis en cache. Les abréviations gif, jpg, jpeg et png sont des formats pour les images, tandis que css et js sont respectivement des formats pour les fichiers CSS et JavaScript.
Le navigateur privilégie toujours les indications du module "mod_headers" mentionné plus haut. Les indications dans le module alternatif "mod_expires" ne sont prises en compte que s'il n'y a pas d'indications dans "mod_headers" sur la durée pendant laquelle les fichiers doivent être mis en cache avant d'être redemandés au serveur. En tant que webmaster, tu profites d'une meilleure vue d'ensemble avec le module Expires.
Si l'indication des périodes de mise en cache dans "mod_headers" est trop compliquée pour toi, tu peux lancer le module Expires avec la commande suivante:
a2enmod expire
/etc/init.d/apache2 restart
À partir de maintenant, tu peux remplir l'en-tête Expires avec toutes les informations importantes pour les périodes de mise en cache, en mettant par exemple les instructions suivantes :
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "accès 1 an
ExpiresByType image/jpeg "accès 1 an
ExpiresByType text/css "access 1 month" (accès 1 mois)
ExpiresByType application/javascript "accès 1 mois
ExpiresByType application/x-javascript "accès 1 mois
ExpiresByType application/x-shockwave-flash "accès 1 mois
ExpiresByType image/x-icon "accès 1 an
ExpiresByType text/html "accès plus 300 secondes
</IfModule>
La dernière ligne "ExpiresByType text/html" informe sur la durée pendant laquelle l'ensemble de la page - c'est-à-dire tous les contenus qui s'y trouvent - doit être mis en cache.
Étant donné que les textes des pages HTML changent régulièrement, les durées de mise en cache des pages HTML se situent entre 180 et 600 secondes, à condition que ces pages soient fréquemment visitées et/ou que leur contenu soit fréquemment mis à jour par les propriétaires de sites Web.
Configurer la mise en cache à l'aide de plug-ins
Le CMS (Content Management System ; système de création et de gestion de sites web) le plus utilisé est WordPress. Il existe des plug-ins pour WordPress qui permettent d'élargir l'éventail des fonctions. Certains de ces plug-ins sont spécialisés dans la mise en cache. Les plug-ins WordPress suivants, entre autres, permettent de mettre en place et de gérer une mise en cache dans le navigateur :
- WP Rocket
- W3 Total Cache
- WP Fastest Cache
- WP Super Cache
- WP Vitesse de la lumière
- SG Optimizer
- Swift Performance
- Hummingbird
- Enabler le cache
- Comet Cache
Ces 10 plug-ins WordPress sont déjà largement suffisants pour mettre en place une mise en cache personnalisée dans le navigateur, ce qui permet d'augmenter les performances de l'ensemble du site et d'améliorer considérablement l'expérience utilisateur des visiteurs du site en augmentant la vitesse de chargement du site.
Grâce aux plug-ins WordPress, les non-initiés peuvent facilement régler la mise en cache dans le navigateur sans connaissances techniques. En outre, certains plug-ins WordPress (par ex. WP Rocket ; Swift Performance) présentent des avantages supplémentaires. Ils permettent d'améliorer globalement les performances et le temps de chargement du site web.
Conclusion : mettre en place la mise en cache et obtenir des avantages significatifs en matière de référencement !
En tant que webmaster ou expert SEO, installe la mise en cache sur les sites web et obtient des avantages considérables en matière d'optimisation des moteurs de recherche ! Grâce à des plug-ins pour WordPress et d'autres systèmes de gestion de contenu, la mise en cache est facile à mettre en œuvre, même pour les non-initiés.
Si tu as des connaissances techniques de base, tu n'as même pas besoin de plug-ins et tu utilises quelques commandes simples dans l'en-tête de tes pages pour personnaliser la mise en cache du navigateur et offrir une bonne expérience utilisateur aux visiteurs de ton site.
FOIRE AUX QUESTIONS (FAQ) : Questions et réponses sur la mise en cache du navigateur
Dans cette dernière section de notre blog, nous avons rassemblé quelques-unes des questions les plus fréquemment posées par les utilisateurs. Si tu as toi aussi une question, nous serons heureux de te donner une réponse adéquate en tant qu'experts en optimisation pour les moteurs de recherche. Contacte-nous et nous te répondrons !
Comment les visiteurs du site web peuvent-ils influencer la mise en cache ?
Les utilisateurs d'Internet peuvent influencer la mise en cache de plusieurs manières. Ils peuvent par exemple désactiver complètement la mise en cache dans les paramètres de leur navigateur. Cela aurait pour conséquence qu'aucune ressource ou fichier ne serait stocké dans le navigateur des utilisateurs, indépendamment des instructions des webmasters.
En outre, les visiteurs du site web peuvent définir un âge maximal pour les ressources ou définir des règles de mise en cache pour une seule page web, qui diffèrent des règles de mise en cache pour le reste du site web. En outre, il est toujours possible de vider le cache.
Comment effacer le cache du navigateur ?
Ce processus varie en fonction du navigateur utilisé.
Sur Google Chrome, les visiteurs du site web effacent le cache en l'appelant d'abord avec la combinaison de touches "Ctrl + Shift + Suppr". Ils peuvent ensuite sélectionner les images et autres objets dans le cache et demander leur suppression.
Avec la même combinaison de touches que dans Google Chrome, les utilisateurs peuvent également vider le cache dans Internet Explorer. Après avoir utilisé la combinaison de touches, une fenêtre s'ouvre avec l'information "Effacer les données du navigateur". En sélectionnant l'option "Données et fichiers mis en cache" et en cliquant sur "Effacer", la mémoire cache du navigateur est vidée.
Lors de la prochaine visite d'un site web déjà visité, les fichiers du cache ne sont plus utilisés après le vidage du cache. Au lieu de cela, le navigateur demande au serveur la version actuelle d'un site web.
Quelle est la différence entre la mise en cache du navigateur et la mise en cache du serveur ?
Alors que dans le cas de la mise en cache du navigateur, les ressources sont stockées sur le disque dur des visiteurs du site, dans le cas de la mise en cache du serveur, elles sont stockées sur le serveur du webmaster. Ainsi, la mise en cache du serveur contribue également à un chargement plus rapide des pages.
Les différences entre la mise en cache par navigateur et la mise en cache par serveur résident donc dans les niveaux de gestion des données, car différents types de données sont stockés à différents endroits.
- Connais-tu ma newsletter SEO ?
Inscrivez-vous maintenant et recevez régulièrement des conseils d'experts.