Comment installer Cloudflare CDN sur WordPress

La vitesse et la sécurité sont deux des exigences les plus importantes d'un site Web WordPress. C'est pourquoi nous avons passé d'innombrables jours et nuits (et mangé encore d'innombrables beignets) à créer la plate-forme cloud gérée la plus impressionnante pour l'hébergement de sites WordPress.

Cependant, l'hébergement n'est pas le seul facteur impliqué dans l'amélioration de la vitesse de votre site WordPress. Une autre façon de le faire consiste à utiliser un CDN, qui signifie le réseau de diffusion de contenu. Dans cet article, je vais vous montrer comment installer et configurer facilement Cloudflare CDN pour votre site WordPress.

Dans cet article, je vais vous montrer comment configurer Cloudflare CDN sur WordPress. Avant de commencer le processus de configuration, comprenons ce qu'est Cloudflare CDN et comment il vous aide à optimiser vos Core Web Vitals.

Qu'est-ce que le CDN Cloudflare ?

Cloudflare CDN est l'un des CDN les plus populaires disponibles avec un réseau couvrant plus de 200 villes. Il sert le contenu Web des sites Web en fonction de la distance géographique des visiteurs sur le site.

Il fournit du contenu statique, dynamique et multimédia, ainsi que d'autres services tels que la sécurité, l'optimisation et SSL. Les sites Web utilisant un service CDN Cloudflare minimisent la latence du côté de l'utilisateur, car leur contenu est mis en cache et diffusé à partir du serveur le plus proche.

Jetons un coup d'œil aux fonctionnalités fournies par Cloudflare CDN.

Quelques fonctionnalités importantes de Cloudflare CDN

• Routage intelligent
• Diffusion de flux
• L'équilibrage de charge
• Mise en cache
• Optimisations
• Pages mobiles accélérées

Cloudflare CDN est un fournisseur de CDN renommé avec des serveurs répartis dans le monde entier pour diffuser le contenu de votre site Web aux quatre coins du monde. Cloudflare offre plusieurs fonctionnalités selon le plan.

Routage intelligent

Il s'agit d'un moyen intelligent d'acheminer le trafic via le réseau le plus rapide disponible, avec un algorithme qui utilise l'intelligence du réseau en temps réel pour décider du chemin le plus rapide.

Diffusion de flux

Le streaming multimédia peut prendre beaucoup de temps à charger s'il est accessible depuis l'autre coin de la région. Pour résoudre ce problème, Cloudflare CDN propose un mécanisme de mise en cache spécial pour fournir instantanément des fichiers de flux.

L'équilibrage de charge

Cloudflare propose une fonction d'équilibrage de charge par abonnement qui commence à partir de 5 $ par mois. Il s'agit d'un équilibrage de charge basé sur DNS qui aide les applications à améliorer les performances et la disponibilité du site.

Mise en cache

Cloudflare sur WordPress offre un mécanisme de mise en cache avancé qui enregistre automatiquement le contenu statique, la purge du cache et la mise en cache à plusieurs niveaux.

Nous avons vu qu'un site Web typique utilise à la fois un contenu dynamique et statique. Cloudflare peut vous faire économiser à la fois sur le processeur et sur la bande passante de votre hébergement Web en utilisant ses propres serveurs pour le contenu. Cloudflare sur WordPress peut réduire la latence de l'utilisateur final et améliorer l'expérience utilisateur globale.

Lire la suite : Comment utiliser Cloudflare CDN avec le plug-in W3 Total Cache

Optimisations

Parfois, nous devons intégrer des outils et des API tiers pour des fonctionnalités spécifiques. Ces ressources ne sont pas sous notre contrôle et, si elles ne sont pas configurées correctement, peuvent provoquer des décalages.

Cloudflare est conçu pour offrir une expérience Web rapide et optimiser l'ordre des ressources des pages.

Les images volumineuses ou non optimisées peuvent entraîner des problèmes de performances. L'algorithme d'optimisation d'image Cloudflare optimise automatiquement la page Web en minimisant le nombre de connexions réseau et en rendant la livraison d'image transparente. Cela empêche les ressources tierces de ralentir la page Web.

Pages mobiles accélérées

Les pages mobiles accélérées sont une technique permettant de charger les pages Web plus rapidement sur les appareils mobiles lorsqu'elles sont recherchées à partir du moteur de recherche mobile de Google. De plus en plus d'utilisateurs utilisent leurs appareils mobiles pour naviguer sur Internet.

Les liens mobiles accélérés par Cloudflare CDN sont alimentés par AMP et chargent les pages Web compatibles AMP dans la fenêtre de visualisation trois fois plus rapidement que les pages mobiles standard.

Cloudflare propose plusieurs options telles que le CDN, l'optimisation des publicités, la sécurité DDoS, l'analyse et bien plus encore. Ils offrent également un forfait gratuit que vous pouvez utiliser avant d'acheter un forfait payant.

Configurer Cloudflare CDN dans WordPress

Cloudflare fournit de nombreuses options telles que le CDN, l'optimisation des publicités, la sécurité DDoS, l'analyse, etc. Outre les forfaits gratuits, ils proposent plusieurs forfaits premium où vous disposerez de fonctionnalités plus puissantes.

MaxCDN et Cloudflare sont deux fournisseurs de CDN largement utilisés par les utilisateurs de WordPress. Dans ce tutoriel, je vais partager comment vous pouvez installer Cloudflare sur un site WordPress hébergé sur Cloudways.

Étape 1 : Inscription à Cloudflare

Tout d'abord, vous devez créer un compte sur Cloudflare. Si vous l'avez déjà en place, vous pouvez ignorer cette étape.

Étape 2 : Ajout de l'URL du site

Une fois que vous vous êtes inscrit sur Cloudflare, un nouvel écran apparaîtra où vous devrez fournir votre domaine et cliquer sur Ajouter un site .

Étape 3 : sélectionnez votre forfait Cloudflare

Une fois que vous avez ajouté l'URL du site, Cloudflare vous demandera quel forfait vous souhaitez utiliser. Pour ce tutoriel, je vais avec le plan GRATUIT.

Étape 4 : Examiner les enregistrements DNS

L'étape suivante consiste à examiner vos enregistrements DNS et à vérifier s'ils sont correctement configurés ou non. Ici, Cloudflare récupérera toute la configuration DNS de votre registraire de domaine, et dans mon cas, il n'y a que deux enregistrements DNS (Type A). Examinez vos dossiers et cliquez simplement sur Continuer .

Étape 5 : Changez votre serveur de noms

Comme vous pouvez le voir dans l'image ci-dessous, vous devez modifier les serveurs de noms de votre registraire de domaine et les remplacer par ceux fournis par Cloudflare.

Étape 6 : Changez votre serveur de noms à partir du registraire de domaine

Maintenant, ouvrez votre registraire de domaine et changez les serveurs de noms. Mon domaine est avec Freenom, et j'ai réussi à changer les serveurs de noms.

Étape 7 : Guide de démarrage rapide de Cloudflare

Une fois que vous avez modifié les serveurs de noms, revenez à l'onglet Paramètres du CDN Cloudflare, cliquez sur Terminé et vérifiez les serveurs de noms. Vous verrez une fenêtre contextuelle d' écran Guide de démarrage rapide .

Ensuite, cliquez simplement sur Get Started et configurez les paramètres du domaine pour améliorer votre sécurité et vos performances. La première section de réglage est Améliorer la sécurité et elle comporte 2 sous-sections ; Réécritures HTTPS automatiques et toujours utiliser HTTPS . Je vais utiliser les configurations de sécurité par défaut et cliquer sur le bouton Enregistrer .

La prochaine étape du processus est Optimiser les performances, et elle comporte également deux sous-sections ; Minification automatique et Brotli . La section Auto Minify est la section de minification HTML, JS et CSS qui vous aidera à accélérer votre site WordPress. Je sélectionne toutes les options pour Auto Minify, et pour Brotli, je vais avec la configuration par défaut.

Remarque : si vous sélectionnez la minification sur Cloudflare, évitez-la sur Breeze ou tout autre plugin Cache. Pourquoi? L'activation de la minification aux deux extrémités entraînera des problèmes, et il est recommandé d'en utiliser une à la fois.

La dernière section est Résumé, où vous verrez vos configurations de sécurité et de performances. Une fois que vous êtes satisfait des paramètres, cliquez sur Terminer .

Vous recevrez la notification suivante dans votre tableau de bord Cloudflare « Bonne nouvelle ! Cloudflare protège désormais votre site ». L'état passera à « Actif » et vous pourrez profiter de diverses options dans le panneau supérieur pour configurer diverses tâches liées à la sécurité et aux performances.

Pour profiter pleinement de Cloudflare sur le site WordPress, il est recommandé d'installer leur plugin sur votre site Web.

Étape 8 : Vérifier l'état du CDN Cloudflare

Si vous souhaitez vérifier si votre CDN Cloudflare fonctionne ou non, ouvrez votre site WordPress sur n'importe quel navigateur > appuyez sur « Ctrl + Shift + i » > Réseau . Rafraîchissez ensuite votre page où vous verrez les demandes de votre site. Cliquez sur l'une des demandes et recherchez « cd-cache-status ». Si c'est HIT, alors votre CDN fonctionne correctement.

Ajout de certificats Let's Encrypt à Cloudflare

Avec Cloudways, vous pouvez créer un certificat SSL pour votre site WordPress en utilisant Let's Encrypt. Il ne peut pas être créé lorsque Cloudflare est activé sur votre domaine. Pour activer le certificat Let's Encrypt, suivez les étapes ci-dessous :

Étape 1 : Connectez-vous à votre tableau de bord Cloudflare et sous l'onglet DNS , désactivez les options www et votredomaine.com en changeant le statut du proxy en DNS uniquement . Un nuage gris signifie que le service est désactivé.

Étape 2 : Accédez à votre panneau de gestion des applications Cloudways, Certificat SSL, saisissez votre adresse e - mail > Nom de domaine, puis cliquez sur Installer le certificat .

Étape 3 : Maintenant, allez dans votre panneau de gestion de serveur > Paramètres et packages > onglet Avancé, et sous Module WAF, choisissez Cloudflare .

Étape 4 : Revenez au tableau de bord Cloudflare et activez l'option que nous avons désactivée à l'étape 1.

Étape 5 : Ensuite, cliquez sur l'onglet SSL/TLS en haut et réglez SSL sur Flexible . Cela peut prendre jusqu'à 24 heures pour que Cloudflare active le certificat. Cependant, si vous avez déjà utilisé le même domaine auparavant, il sera activé instantanément.

C'est tout! Vous obtenez tout un tas d'options après avoir configuré Cloudflare sur votre site WordPress. La plupart des options concernent les forfaits payants, mais si cela peut vous aider, nous vous recommandons de mettre à niveau vos forfaits et d'en profiter pleinement !

Dernières pensées

Cloudflare sur WordPress améliore l'expérience des utilisateurs visitant votre site et économise les précieuses ressources de CPU et de bande passante de votre serveur Web. C'est un CDN hautement optimisé qui peut éliminer complètement le souci de la latence et augmenter la vitesse de votre site WordPress.

Foire aux questions (FAQ)

Cloudflare est-il un fournisseur d'hébergement ?

Non, CloudFlare CDN est un fournisseur de réseau de diffusion de contenu qui propose des services CDN. Les sites Web utilisant leurs services ont accès à leur vaste réseau de serveurs à travers lesquels ils servent le contenu statique et dynamique du site en minimisant la latence côté utilisateur.

Quelle est la différence entre MaxCDN et Cloudflare ?

Cloudflare est livré avec une option de plan gratuit, contrairement à MaxCDN. Cloudflare est facile à configurer et offre la sécurité du site Web. MaxCDN peut être configuré à l'aide du plugin W3 Total Cache et est utilisé par des entreprises renommées.