Guide d'installation de WP Rocket et Cloudflare Sync : Accélérer votre site, améliorer votre expérience utilisateur

WP Rocket et Cloudflare sont deux outils largement utilisés.Outils d'optimisationLa combinaison des deux peut avoir des effets spectaculairesAméliorer la vitesse de chargement de votre site web, améliorer l'expérience de l'utilisateur, etSécurité accrue du site webCet article explique en détail comment intégrer WP Rocket à Cloudflare. Cet article explique en détail comment intégrer WP Rocket à Cloudflare. synchronisationPour cela, assurez-vous que les deux fonctionnent de manière transparente pour vous aider à maximiser vos performances.

introduction (un sujet)

WP Rocket répondre en chantant Cloudflare Cloudflare propose une solution de réseau de diffusion de contenu (CDN) qui permet d'accélérer le chargement des sites web dans le monde entier. Et WP Rocket est un plugin de mise en cache qui accélère encore les performances du site web en réduisant les requêtes du serveur et en optimisant le chargement des ressources.

Cloudflare ≠ CDN :ne le faites pas Entrez les CNAMES de Cloudflare dans l'onglet CDN ou votre site se plantera !
En plus de Cloudflare, des CDN standards peuvent être utilisés si nécessaire, et WP Rocket a son propre service CDN avancé.RocketCDNet est également compatible avec la plupart des fournisseurs de CDN, y comprisAmazon Cloudfront, Bunny CDN, KeyCDNetc.

Pour commencer à les utiliser ensemble, vous devez d'abord vous assurer que votre site a été ajouté avec succès à Cloudflare et que vous avez modifié vos paramètres DNS pour qu'ils pointent vers Cloudflare.Ensuite, vous pouvez suivre les étapes ci-dessous pour utiliser WP Rocket en conjonction avec Cloudflare.

Comment configurer le CDN gratuit Cloudflare dans WordPress

23 septembre 14:43

09010

Comment activer le plugin

WP Rocket fournit un module complémentaire Cloudflare pour faciliter l'intégration. Dans les paramètres du plugin WP Rocket, trouvez le module complémentaire Cloudflare et mettez-le sur "ouvre"Statut.

Les étapes :

1. Connectez-vous au backend de WordPress.
2. Dans WP Rocket Settings, allez dans complément Page.

3. localiser Modules complémentaires Cloudflare et l'activer.
4. frappe (sur le clavier) Modifier les options pour accéder à la page des paramètres du plugin.

Dans l'écran de configuration, vous devez saisir les informations suivantes :

• Clé API globaleIl s'agit de la clé API globale de votre compte Cloudflare, qui se trouve sur la page Profil du site Web de Cloudflare.

• ID de la zoneL'ID de zone est un identifiant unique associé à votre domaine et peut être trouvé dans le panneau de contrôle Cloudflare dans la section parcourir pour le trouver.

• Courriel du compteRemplissez l'adresse électronique enregistrée dans Cloudflare.

Cette information aidera le plugin WP Rocket à se connecter et à synchroniser les caches avec Cloudflare de manière efficace.

modèle de développement

Le mode développement de Cloudflare permet de désactiver temporairement la mémoire cache de Cloudflare, ce qui est utile pour le débogage et la visualisation des modifications.

Calendrier d'utilisation du modèle de développement :

• Lorsque vous modifiez du contenu cachable sur votre site web (comme des images, des feuilles de style CSS ou du JavaScript) et que vous souhaitez voir ces changements immédiatement, vous pouvezactiverModèle de développement.
• Lorsque le mode développement est actif, Cloudflare désactive temporairement la mise en cache jusqu'à ce que vous la désactiviez ou que vous reveniez à l'état normal.

réglage optimal

Lorsque vous combinez WP Rocket et Cloudflare, WP Rocket fournit un certain nombre d'options de configuration optimales prédéfinies qui peuvent être activées pour optimiser les performances du site.

Paramètres recommandés :

• Niveau de cache réglé sur standardVous pouvez vous assurer que Cloudflare vous fournit le meilleur service possible pour vos besoins en matière de sécurité.Mise en cache du contenu statique activéeafin de réduire la charge du serveur.
• Désactivation du chargeur de fuséeLe Rocket Loader est une fonctionnalité de Cloudflare qui peut entrer en conflit avec certaines fonctionnalités de WP Rocket, il est donc recommandé de la désactiver.

• La mémoire cache du navigateur est fixée à 1 anLes ressources statiques sont ainsi mises en cache, ce qui permet de réduire les temps de chargement.

Paramètres relatifs du protocole :

Si vous utilisez le SSL flexible de Cloudflare (les URL de votre site web utilisent la balise HTTP spécieux HTTPS), vous pouvez alors activer la fonction "accord relatif" Réglages ". Cela permet de s'assurer que votre Les ressources statiques telles que CSS, JS, images, etc. sont chargées à l'aide de protocoles relatifs.afin de se charger correctement sous différents protocoles (HTTP ou HTTPS).

Accords connexes

Si votre site utilise SSL flexible de Cloudflare(c'est-à-dire que certaines ressources sont servies par HTTPS et d'autres par HTTP), vous pouvez activer l'option "accord relatif". Cette option utilise des URL relatives (// au lieu de http:// ou https://) lors du chargement de ressources statiques, ce qui permet d'éviter les erreurs SSL et les problèmes de contenu mixte.

Remarques importantesSi votre site fonctionne déjà entièrement sur HTTPS, vous ne devez pas activer ce paramètre.

effacer le cache

WP Rocket synchronise automatiquement la vidange du cache avec Cloudflare, en s'assurant que le cache de Cloudflare est à jour avec le contenu de votre site web.

La façon de vider le cache :

1. Lorsque vous videz le cache via WP Rocket, l'optionLe cache de Cloudflare est également effacé automatiquement..
2. Si vous avez des règles de mise en cache personnalisées, vous devrez peut-êtredégagement manuel Cache Cloudflare.

Effacez manuellement le cache de Cloudflare :

• Dans le panneau de contrôle de Cloudflare, vous pouvez accéder à la section Cache (informatique) et choisissez d'effacer tous les caches, ou en utilisant la fonction modèle de développement Effacez le cache.

Cloudflare Cache tout le contenu

Cloudflare propose une fonctionnalité appelée Tout mettre en cachequi mettra en cache toutes les pages et ressources, y compris le contenu dynamique.

Utilisez Cloudflare pour mettre en cache tout le contenu :

Si vous utilisez la fonction de règles de page de Cloudflare, il est recommandé que l'élémentNettoyage synchronisé du cache pour WP Rocketpour s'assurer qu'il n'y a pas de problèmes de désynchronisation. Le plugin Cloudflare ou le plugin officiel Cloudflare est nécessaire pour assurer la synchronisation du cache.

Cloudflare APO

Cloudflare APO(Automatic Performance Optimisation) est une fonctionnalité utilisée pour optimiser les sites web WordPress afin d'améliorer leur vitesse de chargement. Lorsque vous activez l'APO, Cloudflare met automatiquement en cache le contenu de votre page et accélère l'accès global.

Comment utiliser WP Rocket :

• Lorsque Cloudflare APO est activé, WP Rocket travaille automatiquement avec APO pour assurer des mises à jour synchronisées du cache.
• Chaque fois que WP Rocket efface son cache, le cache de Cloudflare APO est également effacé, ce qui garantit que le contenu est toujours à jour.

Programme Cloudflare Enterprise de Cloudways

Si vous utilisez le plan Cloudflare Enterprise de Cloudways, WP Rocket peut ne pas être entièrement synchronisé avec Cloudflare. Comme Cloudways ne fournit pas de clés API et d'identifiants régionaux, il peut être nécessaire d'effacer manuellement le cache de Cloudflare ou de désactiver la fonction de mise en cache des pages de WP Rocket.

HTTP/2 Server Push pour Cloudflare

La fonctionnalité HTTP/2 server push de Cloudflare peut pousser des fichiers vers le client à l'avance, réduisant ainsi les temps de chargement des ressources. Cependant, cela peut entrer en conflit avec certaines fonctionnalités de WP Rocket, comme la suppression des feuilles de style CSS inutilisées.

Problèmes d'incompatibilité :

• Si la fonction HTTP/2 server push est activée, Cloudflare préchargera les fichiers CSS, ce qui peut être lié à la fonction WP Rocket Supprimer les feuilles de style CSS inutilisées . Par conséquent, il est recommandé de désactiver HTTP/2 server push ou d'éviter de l'utiliser avec les fonctionnalités d'optimisation CSS de WP Rocket.

résolution des problèmes

Problèmes avec le chargeur Rocket

Chargeur de fusée être Cloudflare est une fonctionnalité de Cloudflare qui entre souvent en conflit avec le code JavaScript, ce qui entraîne des problèmes de chargement des pages. Si vous rencontrez des erreurs JavaScript ou des problèmes d'affichage lorsque vous utilisez Cloudflare, il est recommandé de désactiver le Rocket Loader et de vider votre cache pour voir si cela résout le problème.

502 Erreur ou page blanche

Lorsque Cloudflare vide le cache, s'il rencontre une erreur de type 502 Erreurpeut-êtrepage blanchegénéralement à la suite d'une Moniteur de requêtes en est la cause. Désactivez le plugin ou utilisez le code fourni.