Vous modifiez un thème, changez un texte sur une page, mettez à jour une extension, et le site semble n’avoir subi aucun changement. Cela vous dit quelque chose? Vous avez presque certainement rencontré le cache de WordPress. Et non, ce n’est pas un bug et il n’est pas nécessaire de redémarrer le serveur.

Le cache est une chose utile. Il accélère le chargement des pages plusieurs fois, économise les ressources d’hébergement et améliore les métriques comportementales. Mais seulement jusqu’à ce qu’il commence à afficher une version obsolète du site à vous et à vos visiteurs. Le cache passe alors d’un allié à un problème.

Bonne nouvelle: vider le cache WordPress prend quelques secondes. Pas de console, pas de développeur, pas d’incantation magique. Dans ce guide, les quatre types de cache présents sur tout site WordPress, ainsi que des instructions pas à pas pour vider chacun d’eux. Du navigateur au CDN.

💡 Aperçu rapide:

• Ouvrez votre navigateur, appuyez sur Ctrl+Maj+Suppr, et vous avez déjà fait la moitié du chemin pour vider le cache du navigateur
• Dans l’administration WordPress, cliquez sur un bouton dans l’extension de cache, et elle vide le cache de l’extension en une seconde
• Si votre site est sur un hébergement géré (WP Engine, Flywheel, Cloudways), le panneau d’hébergement dispose d’un bouton natif de réinitialisation du cache serveur
• Pour les sites derrière Cloudflare ou Sucuri, la purge se fait via le tableau de bord du fournisseur CDN, également en un clic

Qu’est-ce que le cache WordPress

Le cache est un stockage temporaire de données. Au lieu de construire une page à partir de zéro à chaque requête (PHP + base de données + fichiers du thème), le serveur ou le navigateur délivre une copie déjà préparée et sauvegardée. Résultat: la page se charge non pas en 2 secondes, mais en 0,4.

Une analogie du quotidien: vous avez déplacé la télécommande de la télévision du placard au canapé. La prochaine fois, vous n’avez pas besoin de vous lever et de traverser la pièce, la télécommande est déjà à portée de main. Le cache fonctionne de la même manière: les données «chaudes» sont stockées à proximité, leur accès est instantané.

Dans l’écosystème WordPress, la mise en cache se produit à plusieurs niveaux simultanément. Et pour comprendre quel cache spécifique vous empêche de voir la version fraîche du site, vous devez connaître ces niveaux sur le bout des doigts.

Les 4 types de cache sur un site WordPress

Chaque site WordPress, quels que soient l’hébergement et la configuration des extensions, passe par quatre couches de mise en cache. Détaillons chacune d’elles.

Cache du navigateur

Tout navigateur moderne (Chrome, Firefox, Edge, Safari) enregistre automatiquement le contenu statique des sites visités sur votre ordinateur: images, fichiers CSS, JavaScript, polices de caractères, et même des pages HTML entières. Lors d’une nouvelle visite sur le site, le navigateur ne télécharge pas ces fichiers à nouveau mais les récupère depuis le stockage local.

Pour le propriétaire du site, c’est un avantage: les visiteurs réguliers voient les pages plus rapidement, la charge du serveur diminue. L’inconvénient apparaît lorsque vous avez mis à jour votre logo, changé la couleur des boutons ou modifié les polices, mais que votre navigateur continue d’afficher les anciennes versions des fichiers. La solution: la suppression manuelle du cache du navigateur (instructions ci-dessous).

Cache d’extension

Les extensions de cache sont l’outil principal pour accélérer WordPress. Elles créent des copies HTML statiques des pages dynamiques et les servent aux visiteurs, en contournant le cycle lourd PHP+MySQL. Les deux solutions gratuites les plus populaires sont W3 Total Cache sur WordPress.org (plus d’un million d’installations actives) et WP Super Cache d’Automattic (plus d’un million d’installations actives, développé par Automattic).

Une extension peut mettre en cache des pages, des CSS/JS compressés, des requêtes de base de données, des objets, et même s’intégrer à un CDN. Mais si les visiteurs voient l’ancienne version après la publication d’un nouvel article ou la modification du design, le coupable est presque certainement le cache de l’extension. Le bouton «Supprimer le cache» dans l’administration résout le problème instantanément.

Cache serveur

La plupart des hébergeurs WordPress gérés intègrent la mise en cache serveur directement dans leur architecture. WP Engine ajoute un bouton de purge directement dans l’administration WordPress. Flywheel le place dans la barre supérieure. Pagely utilise son propre panneau PressArmor avec une option Purge All.

Certains hébergeurs vont plus loin et utilisent un proxy inverse: plusieurs serveurs de cache se tiennent «devant» le serveur principal et traitent les requêtes répétées. Le cache serveur se vide via le panneau d’hébergement ou en contactant le support; il n’y a pas de bouton universel ici, chaque hébergeur l’implémente différemment.

Cache tiers (CDN)

Si le site est routé via un fournisseur CDN (Cloudflare ou Sucuri), une autre couche de cache apparaît, distribuée sur des dizaines de centres de données dans le monde entier. Le CDN stocke des copies des fichiers statiques et même des pages HTML entières géographiquement proches de chaque visiteur.

Fait intéressant: un CDN correctement configuré peut servir le contenu statique d’un site même si le serveur d’origine lui-même est temporairement indisponible. Les visiteurs ne le remarqueront pas, les pages continuent de s’ouvrir depuis le cache. Mais le prix de cette commodité est la nécessité de purger le cache du CDN à chaque mise à jour significative du site. Sinon, les visiteurs de différentes régions verront différentes versions des pages.

Pourquoi vider le cache WordPress tout court

Le cache remplit sa mission à merveille presque tout le temps. Mais il existe trois situations spécifiques où vous devez le vider immédiatement:

Vous avez mis à jour le contenu mais ne voyez pas les changements. Vous avez réécrit un titre, remplacé le texte de la page d’accueil, ajouté un nouveau bloc, appuyez sur «Mettre à jour» dans l’administration, mais le site affiche l’ancienne version. C’est le cache de l’extension ou du serveur qui conserve l’ancienne copie.

Le design s’est cassé après des modifications. Vous avez modifié le CSS, mis à jour le thème, installé une nouvelle extension, et la mise en page s’est effondrée. Souvent, le problème ne vient pas du code mais du navigateur qui continue de charger les anciens styles et scripts. Vider le cache du navigateur + purger le cache de l’extension ensemble résout la plupart de ces cas.

Les visiteurs voient un contenu obsolète. Un cache mal configuré peut afficher une ancienne version de page pendant des semaines aux utilisateurs qui ont déjà visité le site. Le cache CDN est particulièrement sournois: un visiteur de Berlin voit une chose, tandis qu’une personne à Tokyo en voit une autre. Purger toutes les couches de cache synchronise l’affichage.

Comment vider le cache du navigateur

Le cache du navigateur est le plus simple à vider et la raison la plus courante pour laquelle les propriétaires de sites ne voient pas leurs propres modifications. Passons en revue trois navigateurs principaux.

Google Chrome

Chrome met en cache de manière agressive; c’est l’une des raisons de sa rapidité. Mais la suppression ne prend que trois clics.

Cliquez sur l’icône à trois points dans le coin supérieur droit, allez dans Plus d’outils et sélectionnez Effacer les données de navigation. Le raccourci clavier Ctrl+Maj+Suppr fait la même chose.

Dans la fenêtre qui s'ouvre, sélectionnez la période (je vous recommande «Toutes les données» pour un nettoyage complet), cochez Images et fichiers en cache et cliquez sur Effacer les données.

Voilà, c'est fait. Rechargez la page du site avec Ctrl+F5 (actualisation forcée sans cache) et vous verrez la version à jour.

Mozilla Firefox

Firefox n'a rien à envier à Chrome pour la simplicité du vidage de cache. Cliquez sur l'icône du menu (trois lignes), puis sur l'onglet Historique.

Dans le panneau déroulant, sélectionnez Effacer l'historique récent.

Dans la fenêtre qui apparaît, réglez la période sur «Tout», cochez Cache et cliquez sur Effacer maintenant.

Microsoft Edge

Edge repose sur le même moteur Chromium que Chrome, la logique de nettoyage est donc similaire. Cliquez sur l'icône du menu (trois points) et sélectionnez Paramètres.

Dans le menu des paramètres à gauche, allez dans Confidentialité, recherche et services et cliquez sur le bouton Choisir les éléments à effacer.

Cochez Images et fichiers en cache et cliquez sur Effacer maintenant.

Une fonctionnalité utile d'Edge, absente de Chrome: vous pouvez activer le vidage automatique du cache à chaque fermeture du navigateur. Cette option se trouve dans la même section des paramètres de confidentialité.

Après avoir vidé le cache du navigateur, ouvrez le site avec Ctrl+F5. Si le problème persiste, passez au cache des extensions.

Comment vider le cache d’un plugin

La méthode de vidage dépend du plugin concerné, mais presque toujours, elle se résume à cliquer sur un bouton dans l’administration WordPress.

W3 Total Cache

W3 Total Cache dans le dépôt est le plugin gratuit le plus complet pour la mise en cache WordPress. Il met en cache les pages, les objets, les requêtes de base de données, compresse le CSS et le JS, et s’intègre avec un CDN. Il est utilisé sur des sites comme AT&T et MakeUseOf.

Pour vider le cache, allez dans l’administration WordPress et rendez-vous dans Performance → Tableau de bord. Cliquez sur le bouton Vider tous les caches: le plugin purge alors toutes les couches de cache en une seule opération.

WP Super Cache

WP Super Cache sur WordPress.org est développé par Automattic, l’entreprise derrière WordPress.com, Jetpack, Akismet et WooCommerce. Le plugin génère des fichiers HTML statiques à partir du contenu dynamique et les sert à la place du cycle PHP lourd.

Le vidage est simple: dans l’administration WordPress, allez dans Réglages → WP Super Cache et cliquez sur le bouton Supprimer le cache.

Les deux plugins ajoutent également un bouton de vidage rapide dans la barre d’administration WordPress, ce qui vous permet de purger le cache en un clic depuis n’importe quelle section de l’administration.

Comment vider le cache serveur et les caches tiers

Pour le cache serveur, il n’existe pas de procédure universelle: chaque hébergeur implémente le mécanisme différemment. Le principe général: chez les hébergeurs WordPress managés (WP Engine, Flywheel, Cloudways, Kinsta), le bouton de réinitialisation du cache est intégré au panneau de contrôle de l’hébergement ou directement dans l’administration WordPress. Sur les hébergements mutualisés (SiteGround, Bluehost), la fonction de cache peut se trouver dans la section «Optimisation du site» de cPanel.

Pour vider le cache Cloudflare, connectez-vous à votre compte, sélectionnez le site et allez dans Caching → Purge Cache. Le bouton Purge Everything efface tout le cache CDN du domaine. Sucuri propose un chemin similaire: Performance → Clear Cache. Ces deux opérations prennent entre 30 secondes et 2 minutes, le temps que le CDN envoie la commande de purge à tous ses centres de données.

Si le site utilise à la fois un cache serveur et un CDN, l’ordre a son importance: videz d’abord le cache serveur, puis le cache CDN. Vous êtes ainsi certain que le CDN met en cache la version fraîche provenant du serveur, et non une ancienne copie.

Une courte vidéo sur le sujet: présentation de tous les types de mise en cache WordPress, y compris Redis Object Cache et Full Page Cache, avec une démonstration de la purge de chaque couche.

⁉️🤔 Foire aux questions

Pourquoi ne vois-je pas les modifications sur le site après avoir édité?

Il est très probable que vous consultiez une version en cache. Appuyez sur Ctrl+Maj+Suppr dans votre navigateur, videz le cache du plugin dans l'administration WordPress, puis ouvrez le site en utilisant Ctrl+F5. Si cela ne suffit pas, videz le cache du serveur via le panneau d'hébergement. Ordre des actions: cache du navigateur → cache du plugin → cache du serveur → CDN. Parcourez la chaîne du plus simple au plus complexe; dans la plupart des cas, le problème est résolu à la première ou deuxième étape.

Quel plugin de cache est le meilleur: W3 Total Cache ou WP Super Cache?

W3 Total Cache offre plus de fonctionnalités: il met en cache les pages, les objets, les requêtes de base de données, il minifie et compresse les ressources. WP Super Cache est plus simple à configurer et est développé par Automattic, l'équipe à l'origine de WordPress. Choisissez W3TC si vous êtes prêt à consacrer 10 minutes au réglage fin, WP Super Cache si vous avez besoin d'une solution «installez et oubliez». Les deux sont gratuits et comptent chacun plus d'un million d'installations actives. Pour un blog ou un site vitrine classique, la différence de vitesse entre eux se situera dans une fourchette de 0,1 à 0,2 seconde.

Dois-je vider le cache après la mise à jour des plugins WordPress?

Oui, et c'est obligatoire. La mise à jour d'un plugin ou d'un thème modifie les fichiers CSS et JavaScript que le navigateur et le plugin de cache peuvent avoir conservés dans l'ancienne version. Après toute mise à jour de plugin, de thème ou du cœur de WordPress, purgez le cache du plugin et videz le cache du navigateur; cela prévient les conflits de styles et de scripts. C'est particulièrement critique après les mises à jour majeures (versions majeures de WordPress, passage à une nouvelle version de PHP): passez 15 secondes à vider le cache maintenant, vous économiserez une demi-heure de recherche de mise en page «cassée» plus tard.

À quelle fréquence dois-je vider le cache WordPress?

Uniquement lorsque c'est vraiment nécessaire: après une mise à jour de contenu, des modifications de design, l'installation ou la mise à jour de plugins et de thèmes. Le reste du temps, laissez le cache faire son travail; c'est sa raison d'être. Il n'y a aucun intérêt à vider le cache «préventivement» tous les jours. Exception: si le site est très dynamique (forum, boutique en ligne avec des mises à jour fréquentes de prix et de stocks), définissez une durée de vie du cache (TTL) plus courte, par exemple 2 à 4 heures au lieu des 24 heures standard. Ainsi, les visiteurs verront les données actualisées sans purge manuelle.

Puis-je automatiser la purge du cache?

Oui, la plupart des plugins de cache prennent en charge la purge automatique lors de certains événements: publication d'un nouvel article, mise à jour d'une page, changement de thème. W3 Total Cache et WP Super Cache le font de manière native. Pour le cache serveur et le CDN, les appels API via WP-CLI ou les requêtes HTTP vers l'API du fournisseur fonctionnent bien. Mais l'automatisation complète est une arme à double tranchant. Une purge trop fréquente réduit le bénéfice du cache à zéro: le serveur reconstruit les pages à partir de zéro à chaque fois. Configurez la purge automatique uniquement pour les événements vraiment significatifs (nouvel article, modifications sur des pages critiques).

Vider le cache WordPress: sur quoi et quand cliquer

L'algorithme universel pour toute situation se présente comme suit:

• Vous ne voyez pas vos modifications? Ctrl+Maj+Suppr dans le navigateur + bouton Supprimer le cache dans le plugin.
• Les visiteurs se plaignent de l'ancien design? Videz le cache du plugin, puis le cache du serveur, puis le CDN (le cas échéant).
• Après la mise à jour du thème ou des plugins, tout est cassé? Cache du navigateur + cache du plugin, et rechargez en utilisant Ctrl+F5.

Dans la plupart des cas, le problème est résolu en vidant le cache du navigateur et du plugin. Le cache du serveur et du CDN sont moins souvent nécessaires, mais quand ils le sont, vous ne pouvez pas vous en passer. Vous disposez maintenant d'instructions étape par étape pour chaque couche. Mettez cette page en favori; elle vous sera utile.