Comment corriger facilement l'avertissement de mise en cache du navigateur dans WordPress
Voulez-vous savoir comment corriger l’avertissement « Exploiter la mise en cache du navigateur » dans WordPress ?
En corrigeant l’avertissement « Exploiter la mise en cache du navigateur », vous accélérerez rapidement votre site WordPress et offrirez une meilleure expérience aux visiteurs de votre site Web.
Dans cet article, nous allons vous montrer comment corriger facilement l’avertissement « Exploiter la mise en cache du navigateur » dans WordPress.
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 Web WordPress.
Normalement, lors du chargement d'une page Web, tous les fichiers seront 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 des pages Web.
Lorsque la mise en cache du navigateur est activée, votre navigateur Web stocke localement une copie de votre page Web. Cela permet aux navigateurs de charger plus rapidement les 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 adressées au serveur réel et les performances de votre site Web s'amélioreront ainsi.
Où verrez-vous l’avertissement « Exploiter la mise en cache du navigateur » ?
L’avertissement « Exploiter la mise en cache du navigateur » signifie que la mise en cache du navigateur n’est pas activée ou que votre mise en cache pourrait être mal configurée.
Lorsque vous effectuez un test de vitesse de site Web, vous obtenez un rapport qui vous montre 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 activer la mise en cache du navigateur.
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 la mise en cache de votre navigateur.
Si vous voyez l'avertissement « Exploiter 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 étant dit, voyons comment corriger facilement l’avertissement « Exploiter 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 :
Méthode 1 : Corriger l’avertissement « Tirer parti de la mise en cache du navigateur » avec WP Rocket
WP Rocket est le meilleur plugin de mise en cache WordPress du marché. Il est adapté aux débutants et peut vous aider à optimiser la vitesse de votre site, le tout sans connaître les termes complexes de mise en cache et de vitesse.
Dès la sortie de la boîte, tous les paramètres de mise en cache recommandés accéléreront réellement votre blog WordPress.
Pour corriger l'avertissement « Exploiter la mise en cache du navigateur » avec WP Rocket, tout ce que vous avez à faire est d'installer et d'activer le plugin.
C'est ça.
Pour plus de détails, vous pouvez consulter notre guide sur la façon d'installer et de configurer correctement WP Rocket dans WordPress.
WP Rocket activera automatiquement la mise en cache du navigateur et modifiera votre fichier .htaccess avec les bonnes règles.
Remarque : Si vous utilisez l'hébergement Web SiteGround, vous pouvez utiliser le plugin gratuit SiteGround Optimizer à la place. Il a 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 du code
La deuxième méthode consiste à ajouter du code à vos fichiers WordPress. Si vous ne l’avez jamais fait auparavant, consultez notre guide du débutant pour coller des extraits du Web dans WordPress.
Cette méthode n’est pas aussi conviviale pour les débutants, alors suivez-la uniquement 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, voyons comment corriger l’avertissement « Exploiter la mise en cache du navigateur » en ajoutant du code à WordPress.
Remarque : Avant de personnaliser votre code 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éterminez si votre site Web exécute 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 votre nom de domaine dans la colonne « Nom ».
Cela devrait être en haut de la page.
Ensuite, dans la section « En-têtes de réponse », vous verrez un élément appelé « serveur » 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 masqué. Pour plus de détails, consultez notre guide expliquant pourquoi vous ne trouvez pas le fichier .htaccess sur votre site WordPress.
Ensuite, vous devez ajouter un contrôle de cache et/ou des en-têtes d'expiration 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 d'expiration :
## 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 l'heure à laquelle le cache expirera. Dans l'exemple ci-dessus, le cache expirera dans 90 000 secondes.
Après cela, 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 façon 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 les en-têtes expire :
location ~* \.(jpg|jpeg|gif|png|svg)$ {
expires 365d;
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 3d;
}
Ce code définira les délais d'expiration pour les différents types de fichiers. Notez que les images sont mises en cache plus longtemps que les types de 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 de contrôle de cache :
location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
expires 14d;
add_header Cache-Control "public, no-transform";
}
Ce code définit l'heure à laquelle 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 la façon d’augmenter la vitesse et les performances de WordPress.
Nous espérons que cet article vous a aidé à apprendre comment corriger facilement l’avertissement « Exploiter la mise en cache du navigateur » dans WordPress. Vous voudrez peut-être également consulter notre liste ultime des erreurs WordPress courantes et comment les corriger, ainsi que nos sélections d'experts des meilleurs outils et plugins de référencement pour obtenir plus de trafic.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.