Comment configurer une extension de cache WordPress

Chaque fois qu'un visiteur charge une page WordPress, le serveur doit exécuter du PHP, interroger la base de données, assembler le HTML et le renvoyer. Ce processus prend du temps, en particulier sur un hébergement mutualisé. Une extension de cache court-circuite la majeure partie de ce travail en stockant une copie HTML prête à servir de chaque page. Le visiteur suivant reçoit le fichier déjà construit au lieu d'attendre que WordPress génère tout depuis zéro. Le résultat est souvent une amélioration de 50 à 90 % du temps de chargement, et votre serveur peut gérer beaucoup plus de trafic avant de ralentir.

Pourquoi le cache est essentiel pour les performances WordPress

WordPress est un CMS dynamique. Sans cache, même un simple article de blog déclenche des dizaines de requêtes en base de données et plusieurs inclusions de fichiers PHP. Sur une page avec plusieurs extensions actives, ce nombre peut grimper à plusieurs centaines. Le cache élimine cette surcharge pour la grande majorité des visiteurs qui voient le même contenu. Il réduit aussi votre Time to First Byte (TTFB), qui influence directement les Core Web Vitals et le classement dans les recherches. Si vous ne devez faire qu'une seule chose pour accélérer votre site WordPress, installez une extension de cache.

Configurer WP Rocket (premium, recommandé)

WP Rocket est une extension premium, mais elle offre la meilleure expérience prête à l'emploi. Voici comment la mettre en route :

1. Achetez WP Rocket sur wp-rocket.me et téléchargez le fichier zip.
2. Dans votre administration WordPress, allez dans Extensions > Ajouter une nouvelle > Téléverser une extension et installez le zip.
3. Activez l'extension. La mise en cache des pages et du navigateur sont activées automatiquement, sans configuration nécessaire.
4. Allez dans Réglages > WP Rocket > Cache. Activez « Cache mobile » si votre thème utilise un design responsive (la plupart des thèmes modernes le font). Laissez « Fichiers de cache séparés pour les appareils mobiles » désactivé sauf si votre thème sert un HTML complètement différent aux utilisateurs mobiles.
5. Sous l'onglet Optimisation des fichiers, activez « Minifier les fichiers CSS » et « Minifier les fichiers JavaScript » pour réduire la taille des fichiers.
6. Activez « Optimiser le rendu CSS » pour supprimer le CSS bloquant le rendu. WP Rocket génère automatiquement le CSS critique pour chaque page.
7. Activez « Différer l'exécution de JavaScript » pour empêcher les scripts tiers (analytique, publicités, widgets de chat) de bloquer le rendu initial de la page.
8. Si vous utilisez un CDN comme Cloudflare ou BunnyCDN, allez dans l'onglet CDN et entrez l'URL de votre CDN afin que les ressources statiques soient servies depuis le domaine CDN.

Configurer W3 Total Cache (gratuit, riche en fonctionnalités)

W3 Total Cache est l'une des extensions de cache les plus anciennes et les plus configurables. Elle peut sembler intimidante au début, alors concentrez-vous sur ces paramètres essentiels :

1. Installez W3 Total Cache depuis le répertoire d'extensions WordPress et activez-la.
2. Allez dans Performance > General Settings. Sous « Page Cache », activez-le et sélectionnez « Disk: Enhanced » comme méthode. Cette option offre le meilleur équilibre entre performance et compatibilité.
3. Sous « Minify », activez-le et réglez le mode sur « Auto ». Choisissez « Disk » comme méthode de cache de minification.
4. Sous « Browser Cache », activez-le. Cela indique aux navigateurs de stocker localement les fichiers statiques pour qu'ils n'aient pas besoin d'être retéléchargés lors des visites suivantes.
5. Enregistrez tous les paramètres et allez dans Performance > Page Cache. Sous « Cache Preload », activez le préchargement automatique afin que le cache soit construit avant l'arrivée des visiteurs.
6. Si votre hébergement prend en charge Memcached ou Redis, vous pouvez basculer le cache d'objets et le cache de base de données sur ces backends pour gagner en vitesse. Sur un hébergement mutualisé, restez sur « Disk » pour éviter les problèmes de compatibilité.

Configurer WP Super Cache (gratuit, simple)

WP Super Cache est maintenue par Automattic et privilégie la simplicité. C'est un choix solide si vous voulez du cache sans la complexité :

1. Installez WP Super Cache depuis le répertoire d'extensions.
2. Allez dans Réglages > WP Super Cache.
3. Sous l'onglet Easy, sélectionnez « Caching On » et cliquez sur « Update Status ».
4. Passez à l'onglet Advanced. Sélectionnez « Use mod_rewrite to serve cache files » pour de meilleures performances sur les serveurs Apache. Cette méthode sert les pages mises en cache sans même charger PHP.
5. Cochez « Compress pages so they are served more quickly to visitors » pour activer la compression GZIP.
6. Sous « Expiry Time & Garbage Collection », définissez le délai d'expiration du cache. Une valeur de 3600 secondes (1 heure) convient bien à la plupart des sites. Les sites qui mettent rarement à jour leur contenu peuvent utiliser des intervalles plus longs.

Configurer LiteSpeed Cache (gratuit, idéal pour les serveurs LiteSpeed)

Si votre hébergeur utilise un serveur web LiteSpeed ou OpenLiteSpeed, cette extension offre une mise en cache au niveau du serveur plus rapide que toute solution basée sur PHP :

1. Installez LiteSpeed Cache depuis le répertoire d'extensions.
2. Allez dans LiteSpeed Cache > Cache et assurez-vous que le bouton principal de cache est activé.
3. Laissez « Cache Logged-in Users » désactivé sauf si vous avez un site d'adhésion où les utilisateurs connectés voient le même contenu.
4. Sous « Cache > TTL », conservez les valeurs par défaut. Le TTL public de 604800 secondes (7 jours) est approprié pour la plupart des sites.
5. Allez dans Page Optimization. Activez CSS Minify, JS Minify et CSS/JS Combine. LiteSpeed Cache gère ces opérations au niveau du serveur, ce qui est plus rapide et plus fiable que les alternatives basées sur des extensions.
6. Activez « QUIC.cloud CDN » pour une option CDN gratuite si votre site a un trafic modéré.

Remarque : LiteSpeed Cache fonctionne aussi sur Apache et Nginx, mais seules les fonctionnalités d'optimisation de page sont disponibles. La mise en cache au niveau du serveur nécessite un serveur web LiteSpeed.

Ce qu'il faut exclure du cache

Toutes les pages ne devraient pas être mises en cache. Les pages dynamiques qui affichent un contenu différent par utilisateur ou par session se brisent si elles sont servies depuis le cache. Voici les exclusions les plus importantes :

• Pages WooCommerce : les pages panier, paiement et mon-compte doivent être exclues. La plupart des extensions de cache détectent WooCommerce et ajoutent ces exclusions automatiquement, mais vérifiez dans les paramètres d'exclusion.
• Pages des utilisateurs connectés : désactivez le cache pour les utilisateurs connectés sauf si votre contenu d'adhésion est identique pour tous les membres. Mettre en cache des tableaux de bord personnalisés affichera les données d'un utilisateur à un autre.
• Points d'accès de l'API REST : les réponses API ne devraient pas être servies depuis le cache de page car elles sont généralement dynamiques. La plupart des extensions excluent déjà le chemin /wp-json/ par défaut.
• Pages de confirmation de formulaire : si vos formulaires redirigent vers une page « merci » avec du contenu dynamique, excluez cette URL.
• Pages avec données en temps réel : les cours boursiers, scores en direct ou autre contenu changeant fréquemment doivent contourner le cache.

Préchargement du cache

Un cache froid signifie que le premier visiteur après un vidage ou une expiration doit attendre la génération d'une nouvelle page. Le préchargement du cache résout cela en visitant automatiquement vos pages en arrière-plan pour construire le cache avant l'arrivée des vrais visiteurs. WP Rocket appelle cette fonctionnalité « Preload Cache », W3 Total Cache l'appelle « Cache Preload », et LiteSpeed Cache inclut un crawler intégré. Activez le préchargement pour que les URL basées sur votre sitemap soient toujours chaudes et prêtes à servir.

Comment tester l'efficacité du cache

Après avoir configuré votre extension de cache, vérifiez qu'elle fonctionne correctement :

1. Ouvrez une fenêtre de navigation privée (pour éviter que les cookies de connexion ne contournent le cache).
2. Chargez votre site et examinez le code source de la page. La plupart des extensions de cache ajoutent un commentaire HTML en bas, du genre <!-- This page is cached by WP Rocket --> ou <!-- Page generated by LiteSpeed Cache -->.
3. Mesurez votre TTFB avant et après la mise en cache. Utilisez les outils de développement de votre navigateur (onglet Réseau) ou un service comme webpagetest.org. Une page mise en cache devrait avoir un TTFB inférieur à 200 ms sur un hébergement décent. Sans cache, le TTFB sur un hébergement mutualisé dépasse souvent 800 ms ou plus.
4. Lancez un test de charge avec un outil comme Loader.io ou k6 pour confirmer que votre serveur gère plus de visiteurs simultanés avec le cache activé.

Vider le cache après les mises à jour

Pensez à vider votre cache après avoir modifié votre site. Cela inclut la publication de nouveaux articles, la mise à jour d'extensions ou de thèmes, la modification de menus ou de widgets, et le changement de paramètres de thème. La plupart des extensions de cache vident automatiquement le cache lorsque vous publiez ou mettez à jour du contenu, mais les modifications de fichiers de thème, de paramètres d'extension ou de CSS personnalisé peuvent nécessiter un vidage manuel. Vous trouverez un bouton « Vider le cache » ou « Tout purger » dans la barre d'outils admin ou dans les paramètres de l'extension.

Vérifier la mise en cache avec InspectWP

Après avoir configuré votre extension de cache, lancez une nouvelle analyse InspectWP. La section WordPress détectera votre extension de cache active. Vérifiez la section performance pour constater les améliorations du TTFB et de l'encodage de contenu (GZIP ou Brotli). Si l'extension de cache n'est pas détectée, assurez-vous qu'elle est activée et que la page que vous analysez n'est pas exclue du cache.