Si vous avez déjà testé la vitesse de votre site WordPress avec un outil de test de vitesse, il y a de fortes chances que vous ayez vu apparaître l'avertissement « exploiter la mise en cache du navigateur ». Nous activons la mise en cache du navigateur sur tous nos sites pour garantir des performances WordPress optimales, ce qui constitue une partie importante de notre processus d'optimisation.
La mise en cache du navigateur peut sembler technique, mais le concept est simple : elle indique aux navigateurs des visiteurs de stocker certains fichiers localement afin qu'ils n'aient pas à les télécharger à nouveau lors de visites futures. Cela peut réduire de moitié vos temps de chargement de page, ce qui signifie des visiteurs plus satisfaits et de meilleurs classements dans les moteurs de recherche.
Vous n'avez pas besoin d'être un développeur pour résoudre cet avertissement. Nous vous montrerons plusieurs méthodes simples pour activer la mise en cache du navigateur sur votre site WordPress, des solutions de plugins simples aux ajustements de code manuels. À la fin de ce guide, vous aurez un site plus rapide et un avertissement de moins à craindre.
Qu'est-ce que la mise en cache du navigateur dans WordPress ?
La mise en cache du navigateur est un moyen d'améliorer la vitesse de chargement de votre site WordPress.
Normalement, lorsqu'une page Web se charge, tous les fichiers sont chargés séparément. Cela crée plusieurs requêtes entre le navigateur et votre serveur d'hébergement WordPress, ce qui augmente le temps de chargement de la page Web.
Lorsque la mise en cache du navigateur est activée, votre navigateur Web stocke une copie de votre page Web localement. Cela permet aux navigateurs de charger plus rapidement des fichiers courants tels que les feuilles de style, les logos et les images lorsque l'utilisateur visite une deuxième page de votre site.
Cela réduit la charge globale du serveur car moins de requêtes seront envoyées au serveur réel, améliorant ainsi l'optimisation des performances et l'expérience utilisateur.
Où verrez-vous l'avertissement « Utiliser la mise en cache du navigateur » ?
L'avertissement « Utiliser la mise en cache du navigateur » signifie que vous n'avez pas activé la mise en cache du navigateur, ou que votre mise en cache pourrait être mal configurée.
Lorsque vous effectuez un test de vitesse de site Web à l'aide d'un outil comme GTmetrix ou Google PageSpeed Insights, vous obtiendrez un rapport qui vous montrera ce que vous pouvez corriger pour accélérer WordPress.
Si votre site Web n'utilise pas actuellement la mise en cache du navigateur, vous recevrez un avertissement pour l'activer.
Voici à quoi cela peut ressembler lorsque vous examinez vos résultats à partir d'un outil d'analyse de la vitesse des pages.
Parfois, vous recevrez un avertissement indiquant que votre « politique de cache efficace » ne fonctionne pas.
Ces deux avertissements font référence à une erreur dans la configuration de votre mise en cache de navigateur.
Si vous voyez l'avertissement « Utiliser la mise en cache du navigateur », cela signifie que vous devrez activer et personnaliser les règles de mise en cache pour accélérer votre site.
Cela dit, examinons comment corriger facilement l'avertissement « Utiliser la mise en cache du navigateur » dans WordPress en utilisant deux méthodes différentes. Utilisez simplement les liens rapides ci-dessous pour choisir la méthode que vous souhaitez utiliser :
- Corriger l'avertissement « Utiliser la mise en cache du navigateur » avec WP Rocket
- Corriger l'avertissement « Utiliser la mise en cache du navigateur » avec du code
- FAQ sur l'utilisation de la mise en cache du navigateur
Méthode 1 : Corriger l'avertissement « Utiliser la mise en cache du navigateur » avec WP Rocket
WP Rocket est le meilleur plugin de cache WordPress du marché. Il est convivial pour les débutants et peut vous aider à optimiser votre site pour la vitesse, le tout sans connaître les termes complexes de cache et de vitesse.
Dès la sortie de la boîte, tous les paramètres de cache recommandés accéléreront réellement votre blog WordPress.
Pour corriger l'avertissement « Tirer parti du cache du navigateur » avec WP Rocket, il vous suffit d'installer et d'activer le plugin.
C'est tout.
Pour plus de détails, vous pouvez consulter notre guide sur comment installer et configurer correctement WP Rocket dans WordPress.
WP Rocket activera automatiquement le cache du navigateur et modifiera votre fichier .htaccess avec les bonnes règles.
Note : Si vous utilisez l'hébergement web SiteGround, vous pouvez utiliser le plugin gratuit SiteGround Optimizer à la place. Il possède presque les mêmes fonctionnalités que WP Rocket et activera automatiquement la mise en cache du navigateur pour vous.
Méthode 2 : Corriger l'avertissement « Exploiter la mise en cache du navigateur » à l'aide de code
La deuxième méthode consiste à ajouter du code à vos fichiers WordPress. Si vous ne l'avez jamais fait auparavant, consultez notre guide pour débutants sur la façon de copier-coller des extraits du web dans WordPress.
Cette méthode n'est pas aussi conviviale pour les débutants, veuillez donc ne la suivre que si vous savez exactement ce que vous faites. Pour la plupart des propriétaires d'entreprise, nous recommandons d'utiliser la méthode 1.
Cela dit, examinons comment corriger l'avertissement « Exploiter la mise en cache du navigateur » en ajoutant du code à WordPress.
Note : Avant de modifier le code de votre WordPress, nous vous recommandons de sauvegarder votre site WordPress. Pour plus de détails, consultez notre guide sur la façon de sauvegarder et de restaurer votre site WordPress.
Déterminer si votre site web fonctionne avec Apache ou Nginx
Tout d'abord, vous devez déterminer si votre site web utilise des serveurs Apache ou Nginx.
Pour ce faire, ouvrez votre site web dans un nouvel onglet ou une nouvelle fenêtre. Ensuite, faites un clic droit et sélectionnez l'option « Inspecter ».
Ensuite, cliquez sur l'onglet « Réseau » en haut de la page.
Vous devrez peut-être actualiser la page pour que les résultats se chargent.
Après cela, cliquez sur le nom de votre domaine dans la colonne « Nom ».
Il devrait se trouver en haut de la page.
Ensuite, dans la section « En-têtes de réponse », vous verrez un élément appelé « server » où le type de serveur est affiché.
Dans ce cas, le site fonctionne sur un serveur Apache.
Ajouter des en-têtes Cache-Control et Expires dans Apache
Pour corriger l'avertissement « Exploiter la mise en cache du navigateur » avec un serveur Apache, vous allez ajouter du code à votre fichier .htaccess.
Pour modifier ce fichier, vous devez vous connecter à votre compte d'hébergement WordPress avec un client FTP ou l'outil de gestion de fichiers de votre hébergeur.
Une fois connecté, vous pouvez voir votre fichier .htaccess dans le dossier racine de votre site web.
Si vous ne le trouvez pas, ne vous inquiétez pas. Parfois, ce fichier peut être caché. Pour plus de détails, consultez notre guide sur pourquoi vous ne trouvez pas le fichier .htaccess sur votre site WordPress.
Ensuite, vous devez ajouter des en-têtes de contrôle de cache et/ou des en-têtes expires pour activer la mise en cache du navigateur. Cela indique au navigateur web combien de temps il doit stocker les ressources de votre site web avant qu'elles ne soient supprimées.
- L'en-tête cache-control donne des détails spécifiques au navigateur web sur la manière dont la mise en cache doit être effectuée.
- L'en-tête expires active la mise en cache et indique au navigateur web combien de temps il doit stocker des fichiers spécifiques avant d'être supprimés.
Vous pouvez ajouter le code suivant à votre fichier .htaccess pour ajouter des en-têtes expires :
## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 3 days"
</IfModule>
## EXPIRES HEADER CACHING ##
Ce code définit différentes dates d'expiration du cache en fonction du type de fichier.
Après cela, vous pouvez ajouter le code suivant pour activer le contrôle du cache :
<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
Header set Cache-Control "max-age=96000, public"
</filesMatch>
Ce code définit le délai d'expiration pour le moment où le cache doit être actualisé. Dans l'exemple ci-dessus, le cache expirera dans 90 000 secondes.
N'oubliez pas d'enregistrer le fichier après l'avoir modifié. Ensuite, le navigateur Web demandera de nouvelles versions des fichiers.
Ajouter des en-têtes Cache-Control et Expires dans Nginx
Si vous utilisez un serveur Web Nginx pour héberger votre site WordPress, vous pouvez modifier le fichier de configuration du serveur pour corriger l'erreur de mise en cache du navigateur.
La manière dont vous modifiez et accédez à ce fichier dépend de votre hébergeur, vous pouvez donc contacter votre fournisseur d'hébergement si vous avez besoin d'aide pour accéder au fichier.
Ensuite, vous devez ajouter le code suivant pour ajouter des en-têtes d'expiration :
location ~* \.(jpg|jpeg|gif|png|svg)$ {
expires 365d;
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 3d;
}
Ce code définira les temps d'expiration pour les différents types de fichiers. Notez que les images sont mises en cache plus longtemps que les fichiers HTML, CSS, JS et autres, car les images restent généralement les mêmes.
Après cela, vous pouvez ajouter le code suivant pour ajouter des en-têtes cache-control :
location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
expires 14d;
add_header Cache-Control "public, no-transform";
}
Ce code définit le moment où le cache expirera. Il indique à votre serveur que les types de fichiers ci-dessus ne changeront pas pendant 14 jours.
Si vous cherchez à accélérer encore plus WordPress, assurez-vous de consulter notre guide sur comment améliorer la vitesse et les performances de WordPress.
FAQ sur l'utilisation de la mise en cache du navigateur
Voici quelques-unes des questions les plus courantes sur la façon de corriger l'avertissement de mise en cache du navigateur dans WordPress. Ces réponses vous aideront à mieux comprendre la mise en cache du navigateur et à résoudre les problèmes que vous pourriez rencontrer.
1. Que signifie l'avertissement « mettre en cache le navigateur » ?
L'avertissement « mettre en cache le navigateur » apparaît lorsque votre site WordPress ne demande pas aux navigateurs des visiteurs de stocker des fichiers localement pour les visites futures. Cet avertissement s'affiche dans les outils de test de vitesse tels que Google PageSpeed Insights et GTmetrix lorsque votre site pourrait se charger plus rapidement en activant la mise en cache du navigateur. Essentiellement, cela signifie que vous manquez une façon simple d'améliorer les performances de votre site.
2. Combien de temps dois-je définir les temps d'expiration du cache du navigateur ?
Pour la plupart des sites WordPress, nous recommandons de définir l'expiration des images après 1 an, des fichiers CSS et JavaScript après 1 mois, et des autres fichiers statiques après 3 à 7 jours. Les images changent rarement, elles peuvent donc être mises en cache plus longtemps, tandis que les fichiers CSS et JS peuvent être mis à jour plus fréquemment. Vous pouvez toujours ajuster ces délais en fonction de la fréquence à laquelle vous mettez à jour le contenu et le design de votre site.
3. L'activation de la mise en cache du navigateur va-t-elle casser mon site Web ?
Non, l'activation de la mise en cache du navigateur ne cassera pas votre site Web. La mise en cache du navigateur n'affecte que la manière dont les fichiers sont stockés dans les navigateurs des visiteurs et ne modifie pas vos fichiers de site Web réels. Cependant, nous vous recommandons toujours de créer une sauvegarde avant d'apporter des modifications à votre site, surtout lors de la modification manuelle du code ou des fichiers .htaccess.
4. Ai-je besoin d'un plugin de mise en cache si mon fournisseur d'hébergement propose la mise en cache ?
Bien que de nombreux fournisseurs d'hébergement proposent des fonctionnalités de mise en cache de base, un plugin de mise en cache dédié comme WP Rocket offre généralement des options d'optimisation plus complètes. La mise en cache au niveau de l'hôte se concentre souvent sur la mise en cache côté serveur, tandis que des plugins comme WP Rocket gèrent la mise en cache du navigateur, la compression des fichiers et d'autres fonctionnalités de performance. Vous pouvez utiliser les deux ensemble pour des bénéfices de vitesse maximum.
5. Pourquoi est-ce que je vois toujours l'avertissement après avoir activé la mise en cache du navigateur ?
Si vous voyez toujours l'avertissement « exploiter la mise en cache du navigateur » après l'avoir activé, il pourrait y avoir plusieurs raisons : vos paramètres de cache ne sont peut-être pas configurés correctement, votre CDN pourrait outrepasser les paramètres, ou l'outil de test pourrait vérifier les résultats mis en cache. Essayez de vider le cache de votre site, attendez 24 à 48 heures que les modifications se propagent, puis exécutez à nouveau le test de vitesse.
6. La mise en cache du navigateur peut-elle causer des problèmes lors des mises à jour du site Web ?
La mise en cache du navigateur peut occasionnellement amener les visiteurs à voir des versions obsolètes de votre site après que vous ayez effectué des mises à jour. Cela se produit parce que leur navigateur charge la version mise en cache au lieu des nouveaux fichiers. La plupart des plugins de mise en cache gèrent cela automatiquement en vidant le cache lorsque vous mettez à jour votre site. Si nécessaire, vous pouvez également demander aux visiteurs de vider leur cache de navigateur ou d'utiliser un rafraîchissement forcé (Ctrl+F5) pour voir la dernière version.
Nous espérons que cet article vous a aidé à apprendre comment corriger facilement l'avertissement « Mise en cache du navigateur » dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur comment effectuer correctement un test de vitesse de site Web et nos meilleurs choix d'experts pour le meilleur hébergement WordPress pour un site Web rapide.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Vous avez une question ou une suggestion ? Veuillez laisser un commentaire pour lancer la discussion.