Le plugin de vitesse WordPress à 5 $/mois de Cloudflare fonctionne-t-il ?

La vitesse de WordPress est super importante de nos jours. Pour le référencement, pour l'expérience utilisateur et pour ne pas ennuyer les visiteurs de votre site en général. WordPress, cependant, peut être un peu lent s'il est laissé à lui-même.

Il existe de nombreuses façons d'améliorer la vitesse de WordPress, et j'en ai passé en revue beaucoup au fil des ans : des plugins d'optimisation comme perfmatters ou WP Rocket ; réseaux de diffusion de contenu (CDN); compression d'image, thèmes WordPress rapides et hébergement. Dans cet article, je passe en revue quelque chose d'un peu différent : le plugin de vitesse WordPress premium de Cloudflare (5 $/mois). Je vais couvrir ce que c'est, comment le configurer et mesurer à quel point cela aide vraiment à accélérer WordPress afin que vous puissiez savoir si cela vaut la peine de payer.

Allons droit au but.

Qu'est-ce que le plugin de vitesse WordPress de Cloudflare ?

Cloudflare est une société de performance et d'infrastructure Web fondée à San Francisco en 2009. Bien qu'elle propose plusieurs services de site Web premium, de nombreux utilisateurs de WordPress sont inscrits au service gratuit DNS (Domain Name System), CDN et SSL (Secure Sockets Layer) de Cloudflare.

Le plan gratuit de Cloudflare peut aider à accélérer les sites Web WordPress en mettant en cache des ressources statiques, puis en les servant à partir de différents emplacements mondiaux. Au lieu que chaque visiteur du site ait besoin d'accéder à l'emplacement de votre serveur d'origine unique (par exemple, basé à New York), un visiteur recevra du contenu statique du serveur Cloudflare CDN le plus proche de lui.

Le plugin de vitesse WordPress de Cloudflare fait partie des services d' optimisation automatique de la plate-forme (APO) de l'entreprise et coûte 5 $/mois (pour 1 domaine) qui prétend « suralimenter votre site WordPress » avec une mise en cache et des optimisations pour le charger jusqu'à 3 fois plus rapidement. Pour le reste de cet article, nous l'appellerons WordPress APO de Cloudflare en abrégé.

Vous ne pouvez utiliser le plugin WordPress APO de Cloudflare que si vous êtes déjà inscrit à leur plan CDN gratuit et utilisez leurs serveurs de noms (comme clyde.cloudflare.com ou angelica.cloudflare.com).

Comment fonctionne WordPress APO de Cloudflare ?

Cloudflare corrige 3 problèmes principaux liés au chargement lent du site Web :

1. La distance entre votre site Web et le navigateur du visiteur est raccourcie (donc les données voyagent plus rapidement) car Cloudflare stocke des caches dans plus de 200 emplacements dans le monde.
2. Cloudflare met en cache les fichiers statiques en standard (leur plan CDN gratuit), réduisant ainsi les demandes adressées à votre serveur d'origine (c'est-à-dire l'hébergeur de votre site Web).
3. WordPress APO de Cloudflare met en cache l'intégralité de votre site Web, accélérant ainsi davantage le délai de livraison au visiteur.

WordPress APO de Cloudflare utilise Cloudflare Workers (une plate-forme d'application sans serveur qui s'exécute sur leur réseau cloud mondial de 200 villes) pour mettre en cache le contenu dynamique, c'est-à-dire stocker une copie statique.

Votre site WordPress est dynamique, c'est-à-dire que les pages sont construites à l'aide d'un processus PHP lorsqu'un visiteur y accède. Un site Web purement statique ne contiendrait que du code HTML qui ne change jamais. Le contenu statique peut être livré rapidement car aucun traitement n'est requis . Lorsque vous utilisez le CDN gratuit de Cloudflare, Cloudflare crée et stocke le contenu statique de votre site Web WordPress pour le diffuser à partir d'un serveur plus proche de votre visiteur. Ça ressemble un peu à ça :

Comme vous pouvez le voir dans le diagramme ci-dessus, Cloudflare a mis en cache du contenu statique (images .jpg) et les livre à l'utilisateur final sans avoir à les demander à votre serveur d'hébergement. Cependant, certains contenus ne peuvent pas être mis en cache, comme le HTML, car les sites WordPress ne stockent pas le HTML, uniquement les fichiers PHP qui restituent le HTML à la demande.

Dans cet exemple, Cloudflare accélérera votre site WordPress, mais se limitera à la mise en cache des images et des fichiers statiques comme CSS.

Cependant, si vous utilisez WordPress APO de Cloudflare, tout le contenu est mis en cache, stocké et livré par Cloudflare , comme ceci :

Tout le contenu, même les polices tierces, est désormais fourni par Cloudflare, ce qui accélère le TTFB (Time To First Byte). En effet, le contenu de Cloudflare est à la fois statique (c'est-à-dire rapide à livrer car il n'a pas à être demandé) et dans des emplacements géographiques proches du visiteur.

Si vous utilisez le plugin WordPress gratuit de Cloudflare, il informera Cloudflare lorsque vous apportez des modifications à votre site afin qu'il puisse récupérer et créer un nouveau cache statique à chaque fois. Vous pouvez toujours utiliser le service de vitesse sans plugin, mais cela peut prendre jusqu'à 30 minutes pour que vos visiteurs voient les modifications du site Web. Sur cette base, je suppose qu'avec la configuration de l'APO WordPress de Cloudflare, Cloudflare demandera les pages de votre site à votre serveur toutes les 30 minutes et stockera des copies statiques sur son réseau.

Comment configurer le plugin de vitesse WordPress de Cloudflare

Maintenant que vous connaissez la technologie derrière WordPress APO de Cloudflare, je vais vous montrer comment la configurer.

Si vous n'utilisez pas déjà le CDN gratuit de Cloudflare, vous devrez d'abord le configurer. Au lieu de répéter les étapes, voici le guide d'installation de 5 minutes de Cloudflare.

Maintenant que vous utilisez le DNS de Cloudflare, vous êtes prêt à obtenir le module complémentaire d'optimisation de la vitesse de WordPress.

1. Connectez-vous à Cloudflare et accédez à Vitesse > Optimisation

Connectez-vous à Cloudflare et accédez à "Vitesse" dans le menu de droite, puis cliquez sur "Optimisation" (si vous avez toujours l'ancienne mise en page, le menu principal sera sur la barre supérieure).

2. Achetez l'optimisation automatique de la plateforme pour WordPress

Faites défiler jusqu'à la section intitulée « Optimisation automatique de la plate-forme pour WordPress » .

Si vous n'avez pas encore installé le plugin WordPress de Cloudflare, vous verrez un bouton vous invitant à l'installer. Ignorez cela pour le moment et cliquez sur "Acheter".

Entrez vos informations de paiement (Cloudflare accepte les cartes de crédit ou PayPal) pour continuer. Vous allez mettre en place un paiement récurrent de 5 $/mois, et comme il n'y a pas d'essai gratuit, vous serez immédiatement facturé les 5 premiers $. Il n'y a pas de limite au plan, vous paierez donc 5 $/mois pour n'importe quel domaine unique, quel que soit le trafic que vous obtenez . Vous pouvez utiliser le service avec des sous-domaines illimités sans frais supplémentaires.

3. Installez le plugin WordPress de Cloudflare (facultatif)

Bien que cela ne soit pas essentiel, je recommande d'utiliser le service WordPress APO de Cloudflare avec son plugin gratuit car il purge automatiquement les anciens caches et met à jour Cloudflare lorsque vous apportez des modifications à votre site. Cela vous aide également

Téléchargez le plugin WordPress de Cloudflare ou installez-le depuis votre Tableau de bord > Plugins > Ajouter un nouveau .

Activez le plugin. Vous devrez maintenant le synchroniser avec votre compte par API. Accédez à Paramètres > Cloudflare et vous verrez une invite pour vous connecter à votre compte.

Au lieu de vous connecter avec votre e-mail et votre mot de passe comme vous le faites sur Cloudflare, vous devrez entrer votre e-mail et votre clé API Cloudflare.

Comment générer un jeton d'API Cloudflare gratuit

Connectez-vous à votre compte Cloudflare, cliquez sur l'icône de l'utilisateur en haut à droite et sélectionnez « Mon profil » dans le menu déroulant. Sélectionnez ensuite "API Tokens" dans le menu de gauche, puis cliquez sur "Create Token" pour générer un jeton API.

4. Activer l'optimisation automatique de la plateforme

Depuis le tableau de bord Cloudflare, accédez à Vitesse > Optimisation et faites défiler jusqu'à la section « Optimisation automatique de la plateforme pour WordPress : ». Activez la fonction (elle passera du bleu au vert).

Pour tester que cela fonctionne, rendez-vous sur UpTrends.com, collez votre domaine et vérifiez les en-têtes de réponse pour le code de Cloudflare (ci-dessus). Ça devrait ressembler à ça:

Si vous rencontrez des problèmes pour configurer WordPress APO de Cloudflare, vous trouverez de l'aide dans leur guide de configuration WordPress APO.

Il est maintenant temps de voir dans quelle mesure Cloudflare peut accélérer votre site WordPress.

Quelle est la vitesse de l'APO WordPress de Cloudflare

C'est le million question à cinq dollars !

J'ai testé la vitesse de chargement de mon site Web WordPress (celui que vous lisez) avant et après l'utilisation du plugin de vitesse WordPress premium de Cloudflare.

Gardez à l'esprit que lors de mes tests précédents, j'utilisais déjà de nombreuses optimisations de vitesse : le CDN gratuit de Cloudflare, des images compressées avec ShortPixel et des performances optimisées avec des perfmatters. L'hébergement de mon site Web (forfait de 10 $/mois de Cloudways sur les serveurs DigitalOcean) utilise également la mise en cache du serveur Varnish.

À l'aide de l'outil PageSpeed ​​Insights de Google, j'ai mesuré les performances mobiles (les scores Mobile Core Web Vitals sont les plus importants pour Google) d'une de mes pages. Voici le résultat avant d'ajouter le speed service WordPress de Cloudflare :

Et voici après :

J'ai obtenu une amélioration de vitesse modeste, avec une amélioration globale du score de 83/100 à 89/100.

First Contentful Paint (FCP, le temps nécessaire au chargement du premier élément) est passé de 2,1 secondes à 1,8 seconde. Google recommande que le site vise un temps FCP de 1,8 seconde ou moins, donc je suis maintenant juste dans le vert.

Le temps d'interaction (TTI, le temps qu'il faut à l'utilisateur pour pouvoir interagir avec une page) a légèrement diminué, passant de 3,6 à 3,3 secondes.

Mon score Speed ​​Index (la vitesse à laquelle le contenu est affiché visuellement pendant le chargement de la page) est passé de 3,1 à 1,8 secondes.

Le temps de blocage total (TBT, temps total pendant lequel une page est bloquée pour ne pas répondre aux clics de souris de l'utilisateur, etc.) est passé de 140 ms à 60 ms.

La plus grande peinture de contenu (LCP, le temps qu'il faut pour qu'une page se charge complètement) est passée de 3,9 à 3,6 secondes, mais elle est encore trop lente selon les meilleures pratiques de Google de 2,5 secondes ou moins.

Mes temps de chargement sur le bureau étaient déjà assez bons (98/100), mais ont augmenté à 99/100. Étant donné que la plupart de mes utilisateurs (environ 70 %) utilisent des appareils de bureau, je suis ravi de leur offrir des temps de chargement rapides. Cependant, puisque Google utilise l'indexation mobile d'abord, c'est sur les temps de chargement mobiles que je me concentre lors de l'optimisation d'un site pour la recherche (et vous devriez aussi !).

Dans l'ensemble, je suis satisfait des améliorations apportées à la vitesse de la page par l'APO de Cloudflare, car le coût total pour moi était de 5 $ et quelques minutes de temps de configuration.

J'avais eu un problème dans le passé avec des scores LCP lents sur mobile, donc je suis ravi que le service d'optimisation de Cloudflare ait résolu ce problème.

Depuis que je suis passé à l'APO de Cloudflare, je constate que chaque page de mon site passe la vérification Core Web Vitals de Google sur mobile en fonction des données de navigation réelles des utilisateurs.

Verdict final : WordPress APO de Cloudflare en vaut-il la peine ?

La reponse courte est oui! Pour 5 $ / mois, vous bénéficiez d'une augmentation significative de la vitesse du site Web WordPress, sans aucun effort. J'utilise un hébergement bon marché (10 $/mois de Cloudways), donc ma configuration est toujours nettement moins chère que l'hébergement WordPress premium d'entreprises fiables comme Kinsta (à partir de 30 $/mois).

Idéalement, j'aimerais que mes pages se chargent encore plus rapidement, mais j'y travaille encore ! Surveillez cet endroit…

En attendant, je peux conclure que même si vous avez tenté d'améliorer la vitesse de WordPress avec quelques plugins et une compression ici et là, Cloudflare peut toujours apporter une belle amélioration à faible coût et avec un minimum d'effort. Recommandé.