WPLake > Blog > CloudFlare dans WordPress, Comment configurer
  • English
  • Deutsch
  • Español
  • Italiano

CloudFlare dans WordPress, Comment configurer

Temps de lecture: 2 minutes

-

Mise à jour 14.07.23

-

Conseils et astuces Plugins Tutoriels
Un petit guide pour connecter CloudFlare à WordPress. Apprenez comment configurer CloudFlare, ce qu'est un CDN et où voir les résultats de vitesse.
cloudflare is the catalyst for page speed

Table des Matières

Un petit guide pour connecter CloudFlare à WordPress. Apprenez comment configurer CloudFlare, ce qu'est un CDN et où voir les résultats de vitesse.

Qu'est-ce qu'un CDN ?

#lien copié

Un CDN est un réseau de serveurs répartis sur différents sites, qui transmet le contenu web aux utilisateurs à partir du serveur le plus proche, ce qui permet d'accélérer le temps de chargement des pages et d'améliorer l'expérience des utilisateurs.

Avantages de l'utilisation de CloudFlare dans WordPress

#lien copié

L'utilisation d'un CDN offre plusieurs avantages. Tout d'abord, il améliore les performances du site web en diffusant le contenu à partir de serveurs plus proches des utilisateurs, ce qui réduit la latence et améliore les temps de chargement des pages. Deuxièmement, il améliore l'évolutivité et peut gérer efficacement des charges de trafic élevées. Troisièmement, il offre une meilleure fiabilité grâce à des capacités de basculement et d'équilibrage de la charge. Quatrièmement, il optimise l'utilisation de la bande passante en servant le contenu mis en cache directement aux utilisateurs. En outre, les CDN offrent des fonctions de sécurité améliorées telles que la protection contre les attaques DDoS et le cryptage. Globalement, les CDN optimisent les performances des sites web, améliorent l'expérience des utilisateurs, garantissent la disponibilité et fournissent des couches de sécurité supplémentaires.

cloudflare dns settings
Modifier vos enregistrements DNS dans CloudFlare.

Créer un compte sur CloudFlare

#lien copié
  1. Créez un compte CloudFlare : Allez sur le site web de CloudFlare (cloudflare.com) et ouvrez un compte gratuit si vous n'en avez pas déjà un.
  2. Ajoutez votre site web à CloudFlare : Après vous être inscrit, ajoutez votre site Web WordPress à CloudFlare en cliquant sur le bouton "Ajouter un site" et en saisissant le nom de domaine de votre site Web. CloudFlare analysera vos enregistrements DNS et les importera automatiquement.
  3. Révisez et mettez à jour les enregistrements DNS : CloudFlare vous montrera une liste de vos enregistrements DNS. Assurez-vous que tous les enregistrements essentiels sont importés correctement, tels que les enregistrements A, CNAME et MX de votre domaine. Vérifiez que les enregistrements correspondent à votre configuration DNS d'origine.
  4. Sélectionnez un plan CloudFlare : CloudFlare propose différents plans, y compris un plan gratuit avec des fonctionnalités de base. Choisissez le plan qui correspond à vos besoins et à votre budget. Vous pourrez toujours passer à un plan supérieur plus tard si nécessaire.
  5. Mettre à jour les serveurs de noms : Après avoir sélectionné un plan, CloudFlare vous fournira deux serveurs de noms. Changez les serveurs de noms de votre domaine pour ceux fournis par CloudFlare. Vous pouvez généralement le faire dans les paramètres de votre registraire de domaine.
  6. Configurer les paramètres de CloudFlare : Une fois les serveurs de noms mis à jour, retournez sur le tableau de bord de CloudFlare et configurez les paramètres souhaités. Les paramètres recommandés pour WordPress sont les suivants :
    • SSL : Activez le cryptage SSL "complet" pour sécuriser votre site web.
    • Mise en cache : Activez "Niveau de mise en cache" pour déterminer comment CloudFlare met en cache votre contenu. Vous pouvez commencer par l'option "Standard".
    • Réécritures HTTPS automatiques : Activez cette option pour que tous les liens HTTP de votre site web soient automatiquement réécrits en HTTPS.
    • Règles de page : Configurez des règles spécifiques pour personnaliser le comportement de CloudFlare pour différentes pages ou URL.
Cloudflare domain active
Une fois que les serveurs de noms se sont propagés, le domaine devient actif.

Connexion de CloudFlare à WordPress

#lien copié

Il est intéressant de noter que vous pouvez ignorer l'installation du plugin si vous utilisez le plan gratuit de CloudFlare.

  1. Installez le plugin CloudFlare pour WordPress : Pour intégrer CloudFlare à WordPress, installez le plugin officiel CloudFlare. Allez dans votre tableau de bord d'administration WordPress, naviguez vers "Plugins", cliquez sur "Ajouter un nouveau" et recherchez "CloudFlare". Installez et activez le plugin.
  2. Connectez le plugin CloudFlare à votre compte CloudFlare : Après avoir activé le plugin, allez dans "Paramètres" et cliquez sur "CloudFlare". Saisissez votre adresse e-mail CloudFlare et votre clé API (que vous trouverez dans les paramètres de votre compte CloudFlare) pour connecter le plugin à votre compte CloudFlare.
  3. Configurez les paramètres du plugin : Une fois connecté, le plugin CloudFlare propose diverses options de configuration. Examinez les paramètres et choisissez les options souhaitées pour votre site web.
  4. Videz le cache et testez votre site web : Après avoir terminé l'installation, effacez tous les plugins ou mécanismes de mise en cache que vous avez dans WordPress, et purgez le cache dans CloudFlare. Cela garantit que vos visiteurs verront le contenu mis à jour. Testez minutieusement votre site web pour vous assurer que tout fonctionne correctement.

Avec ces étapes, vous pouvez configurer avec succès CloudFlare CDN avec votre site WordPress, ce qui aidera à améliorer ses performances, sa sécurité et l'expérience globale de l'utilisateur.

En résumé ; CloudFlare CDN (gratuit) : pour les fichiers statiques (comme les images, CSS et JS), CloudFlare APO (payant, 5$/domaine) pour WordPress. C'est avec les plans payants que vous aurez besoin d'installer le plugin.

Voyons maintenant les résultats.

cloudflare caches and protects
Connectez votre site au CDN gratuit CloudFlare dans WordPress.

Tester la différence

#lien copié

Visitez la vitesse de la page et voyez comment votre FCP et d'autres mesures de vitesse se sont améliorées.

Si vous n'avez pas constaté l'amélioration de la vitesse à laquelle vous vous attendiez, essayez peut-être certains de nos autres conseils pour optimiser la vitesse.

A propos de l'auteur
Baxter Jones

Working in the web industry for over 15 years gaining experience in design,user experience and web best practices. Has a keen eye for detail and enjoys having a process when working and creating. He thinks WordPress is the best thing since sliced bread and when he’s not behind his computer he’ll be in the garden.

Got it