Utiliser WP Rocket avec CloudFlare

WP Rocket est entièrement compatible et complémentaire avec CloudFlare.

La première chose à faire sera naturellement enregistrer votre site dans votre compte CloudFlare. Si vous ne l'avez pas encore fait, vous pouvez suivre ces instructions: Create a Cloudflare account and add a website.

CloudFlare peut réaliser le processus de minification de fichiers CSS et JS à l’instar de WP Rocket, mais il y a une chose supplémentaire que WP Rocket fait, qui s’appelle la concaténation. Cela signifie que WP Rocket combine les fichiers en petits groupes pour une meilleur compatibilité et de meilleures performances, et c’est une caractéristique très utile qui n’est pas incluse dans CloudFlare.

Nous recommandons d’activer la minification dans CloudFlare et dans WP Rocket dans le but d’obtenir de meilleurs résultats.

Note : Il n’y pas besoin d’utiliser d’autres plugins liés à CloudFlare car WP Rocket se chargera toutes les étapes nécessaires pour configurer les réglages CloudFlare. WP Rocket fourni la même fonction pour les adresses IP originales des visiteurs. Depuis la version 2.7, nous fournissons aussi la réécriture vers le protocole https.

Réglages via WP Rocket

Dans l'onglet CDN des Réglages --> WP Rocket vous verrez une case à cocher Activer l'onglet de réglages CloudFlare. Cochez la et une pop-up apparaitra :

Sauvegardez les changements et l’onglet CloudFlare apparaitra. Allez dessus et vous verrez diverses options :

Email CloudFlare – mettez l’adresse email utilisée pour créer le compte CloudFlare

Clé API – Connectez vous à votre compte CloudFlare et allez sur votre page Account. Vous verrez ceci :


Copiez la clé Global API et collez la dans les réglages de WP Rocket. 

Depuis la version WP Rocket 2.6.7, vous pouvez aussi définir votre clé API dans votre fichier wp-config. Cela peut-être particulièrement utile si vous avez plusieurs site sous le même compte CloudFlare. Voici comment vous devez l’ajouter à votre fichier config (n’oubliez pas de remplacer la deuxième valeur dans l’exemple avec votre propre clé API !)

define('WP_ROCKET_CF_API_KEY', '1238436u23873452394');

Domaine – Entrez votre domaine.

Mode développement – Cela passe en on ou off le mode développement de CloudFlare. Si vous faites beaucoup de changements sur votre site, ou si vous voulez régler des problèmes, cette option peut être utile. CloudFlare explique :

"Le mode développement vous permet de suspendre temporairement CloudFlare's edge caching et les fonctionnalités de minification. Le mode développement est utile si vous faites des changements sur du contenu qui peut être mis en cache (comme les images, le CSS, ou JavaScript) et que vous voulez voir ces changements tout de suite."

Activer les réglages optimaux pour CloudFlare (proposé par WP Rocket) - WP Rocket sélectionne automatiquement un ensemble d’options prédéfinies dans CloudFlare pour améliorer la performance de votre site:

  • Réglons le niveau de mise en cache sur Standard
  • Nous activons la minification
  • Désactivons leur Rocket Loader pour une meilleure compatibilité
  • Il fixe le délai du cache navigateur à 1 mois

Vider le cache – Videra le cache CloudFlare.

Résolution de problèmes

La cause la plus fréquente de problèmes lors de l'utilisation de CloudFlare est leur  fonctionnalité Rocket Loader. Si vous avez des problèmes d'affichage ou d'autres problèmes lors de l'utilisation de CloudFlare, désactivez Rocket Loader et effacez votre cache pour voir si cela corrige le problème.

CloudFlare Cache purge error: No Zone ID set in the WP Rocket settings

Si vous obtenez cette erreur après avoir configuré CloudFlare, ou quand vous purgez le cache de CloudFlare, essayez ceci s'il vous plaît :

  • Allez aux réglages de WP Rocket → Onglet CloudFlare.
  • Effacer le champ texte du domaine et sauvegardez.
  • Ré-ajoutez le nom de domaine et sauvegardez encore une fois.