Comment accélérer et sécuriser votre site Web avec Cloudflare ?

Pour simplifier, un CDN comme Cloudflare réduit la distance physique entre le serveur et l'utilisateur. Découvrons ensemble comment cela accélère le chargement de votre site web à l'échelle mondiale. Restez attentifs.

La distance n'est pas seulement un défi pour les relations humaines, elle représente également un obstacle majeur pour le transfert de données.

Au-delà de l'humour, les sites web qui enregistrent un trafic élevé subissent des pertes financières considérables à chaque seconde supplémentaire nécessaire au chargement de leurs pages. De nombreuses études de cas mettent en évidence l'importance cruciale d'avoir des sites web qui se chargent rapidement.

Personne n'aime attendre, surtout quand une multitude d'alternatives sont disponibles. Voici une statistique révélatrice :

Source : Pingdom

Pour ceux qui se le demandent, le taux de rebond représente le pourcentage de visiteurs qui quittent votre site web sans effectuer aucune action. Aucune conversion, aucune interaction, seulement du trafic web sans valeur ajoutée.

Un taux de rebond élevé peut être acceptable pour un blog ou certains secteurs d'activité, mais il doit servir de signal d'alarme pour tous les autres domaines (e-commerce, B2B, vente au détail, etc.).

Un réseau de diffusion de contenu (CDN) conserve une version en cache de votre site web au sein de ses différents centres de données. Ainsi, lorsqu'un internaute visite votre site, les données sont chargées depuis le serveur géographique le plus proche, ce qui réduit considérablement les délais de chargement.

C'est précisément le service que propose Cloudflare grâce à ses 250 points de présence (PoP) répartis dans plus de 100 villes à travers le monde, établissant ainsi un véritable réseau mondial de diffusion de données.

Voici quelques-unes des actions que Cloudflare peut entreprendre pour votre site web :

Compression et réduction de la taille des données
Réduction des coûts liés à la bande passante
Équilibrage de charge pour améliorer les performances
Pare-feu d'application web (WAF) robuste
Installation TLS/SSL gratuite
Offres commerciales avec une garantie de disponibilité de 100 %

En résumé, un CDN efficace joue le rôle de bouclier de sécurité et d'amplificateur de performance pour votre site web. Cloudflare se distingue en tant que leader du marché, utilisé par plus de 75 % des sites web du top 1 million du classement Alexa.

Examinons maintenant le processus pour intégrer gratuitement votre site web au réseau Cloudflare. Ensuite, je vous présenterai des comparaisons de performances avant et après l'implémentation.

Mise en place des tests

J'ai souscrit à un abonnement mensuel sur SiteGround et créé un site web de test simple (techpostal.com) à l'aide de WordPress.
J'ai utilisé le thème enfant Genesis Maker Pro sans aucun système de cache ou plugin de sécurité.
J'ai également désactivé toutes les optimisations internes de SiteGround afin d'obtenir des résultats plus cohérents.

Intégration de Cloudflare

Rendez-vous sur la page d'inscription de Cloudflare. Saisissez votre adresse e-mail et un mot de passe robuste pour commencer. Vérifiez ensuite votre boîte de réception et faites valider votre adresse e-mail.

Retournez ensuite sur le tableau de bord pour ajouter votre site web. Entrez l'URL du site concerné et cliquez sur "Ajouter un site".

L'écran suivant vous présente les différentes options d'abonnement. Pour cette démonstration, j'ai choisi le forfait gratuit.

Après avoir sélectionné le forfait souhaité, cliquez sur "Continuer" en bas de page.

Cloudflare analysera ensuite les enregistrements DNS de votre site web. Vous pouvez les vérifier auprès de votre bureau d'enregistrement de nom de domaine.

Vous avez également la possibilité de décocher certains enregistrements pour les exclure de la gestion via Cloudflare.

Par conséquent, vérifiez vos enregistrements DNS avant de poursuivre.

L'étape suivante concerne le changement de vos serveurs de noms. Il s'agit de l'étape cruciale (et la plus simple) de la configuration d'un CDN. Ce processus dépend de votre bureau d'enregistrement. Consultez ce guide Cloudflare pour modifier les serveurs de noms si vous n'êtes pas sûr de la procédure à suivre.

Optimisations

À ce stade, Cloudflare vous soumet quelques recommandations pour améliorer les performances.

J'ai activé les deux options proposées. La première concerne l'utilisation du certificat SSL/TLS et la seconde contribue à réduire les délais de chargement.

De plus, vérifiez que la compression Brotli et le chargeur Rocket sont bien activés. Étant donné les limitations du plan gratuit, il est judicieux d'exploiter ces fonctionnalités pour optimiser les performances.

En conclusion, accédez à "Vitesse" > "Optimisation" > "Brotli". Assurez-vous que cette option est activée.

De même, faites défiler la page dans la même section et activez le Rocket Loader.

La propagation des serveurs de noms peut prendre un certain temps. Un délai de 48 heures est mentionné, mais dans la pratique, il ne faut que quelques minutes.

Pour vérifier, vous pouvez utiliser notre propre outil de recherche DNS toptips.fr ou ce vérificateur DNS.

Vérification des performances

J'ai utilisé Blazemeter pour contrôler le temps de réponse du site web. Le temps de réponse est une mesure plus technique du temps de chargement d'une page. Idéalement, plus ces deux valeurs sont faibles, mieux c'est. Généralement, un temps de réponse de 2 secondes est considéré comme acceptable.

Il est important de noter que "Avant Cloudflare" désigne la configuration initiale, sans aucun outil tiers ou optimisation interne. "Après Cloudflare" correspond au niveau gratuit du CDN Cloudflare avec les ajustements mentionnés précédemment.

Voici les résultats obtenus :

Avant Cloudflare

Comme vous pouvez le constater, le temps de réponse moyen et le temps de réponse à 90 % ont diminué respectivement de 12 % et 28 %. Veuillez consulter ce guide Blazemeter si vous ne comprenez pas les paramètres mentionnés dans ce rapport.

Conclusion

Il est très encourageant de voir que Cloudflare améliore ces performances, même avec son offre gratuite.

Je recommande vivement d'essayer le niveau gratuit de Cloudflare. Il s'est avéré facile à configurer et a clairement amélioré les performances dans ce cas de figure.

N'oublions pas que nous avons uniquement évalué les aspects liés à la vitesse. Cloudflare sert également de rempart de sécurité. De plus, il peut maintenir une version statique de votre site web en ligne, même en cas de panne du serveur d'origine.

Si vous envisagez d'exploiter pleinement son potentiel, Cloudflare propose également des plans payants. Leurs offres payantes proposent une multitude de fonctionnalités supplémentaires telles que WAF, l'optimisation d'images, l'optimisation mobile, etc.

Vous utilisez WordPress ?

Si vous utilisez WordPress, vous devriez envisager d'utiliser le plugin WP Cloudflare Super Page Cache. Il met intelligemment en cache l'ensemble du site (contenu statique + dynamique). Cela permettrait de réduire encore davantage les temps de chargement des pages.

Quelle alternative à Cloudflare ?

Sucuri constitue une alternative très intéressante.

Voici quelques outils de surveillance de la vitesse des pages pour vous alerter en cas de dysfonctionnement de votre site web.