Augmenter la vitesse du site Web avec Cloudflare (Guide de configuration simple)

Article écrit par:
  • Outils Web
  • Mis à jour: Jul 07, 2020

Qu'est-ce que Cloudflare?

Cloudflare est surtout connu pour son Réseau de diffusion de contenu (CDN). Cela aide les sites Web à réduire les vitesses de chargement des pages Web. La principale façon de procéder est via la mise en cache. Cependant, Cloudflare intègre également plusieurs autres technologies pour aider à améliorer les performances et la sécurité globales.

Si vous êtes nouveau sur Cloudflare, soyez assuré que les paramètres par défaut que vous obtenez sont assez fiables. Cependant, comme tous les sites Web ont tendance à être configurés différemment, certains réglages fins peuvent vous permettre d'obtenir de meilleurs résultats.

Ce guide simple vise à vous aider à trouver les paramètres les plus optimaux pour votre site.

Avant de commencer

Si vous prévoyez d'améliorer les performances de votre site à l'aide de Cloudflare et de ce guide, faites-le progressivement. Cela vous aidera à annuler plus facilement tout problème potentiel résultant de modifications que vous pourriez apporter.

TL; DR

Pour ceux qui ne sont pas intéressés par une plongée profonde ou qui ont froid aux pieds, vous pouvez simplement faire quelques ajustements mineurs. Laissez la plupart des paramètres par défaut et vérifiez uniquement les points suivants:

  • DNS - N'activez le proxy que pour votre nom de domaine et votre enregistrement WWW. Activer le proxy pour autre chose peut vous donner des erreurs, surtout si l'enregistrement pointe vers un serveur externe.
  • SSL / TLS - Défini sur FULL
  • La vitesse - Réglez Brotli sur ON

Si vous êtes nouveau sur Cloudflare, voici tout ce que vous devez savoir sur le produit.

Guide des paramètres Cloudflare

Panneau de contrôle Cloudflare
La vue d'ensemble du panneau de contrôle Cloudflare. Les onglets situés au-dessus sont les différents paramètres que vous pouvez effectuer.

Étant donné qu'il existe de nombreuses options dans le panneau de configuration Cloudflare, je ne traiterai que celles qui nécessitent une attention particulière. Sauf indication contraire de votre site, laissez quoi que ce soit d'autre sur les paramètres par défaut.

1. DNS

Une fois que vous avez basculé vos serveurs de noms vers Cloudflare, cet onglet devrait s'auto-remplir à partir de vos enregistrements.

Normalement, vous ne devriez pas avoir à modifier les paramètres ici. Cependant, je vous recommande de définir votre nom de domaine et votre enregistrement WWW sur Proxied. Ce sont généralement les A et Enregistrements CNAME.

Pour modifier l'état du proxy, cliquez sur le nuage gris. Une fois proxy, l'icône du nuage doit devenir orange. L'activation du proxy pour ceux-ci aidera à masquer les origines de votre serveur.

2. SSL / TLS

Vue d'ensemble - Bien qu'il ne soit pas vraiment utile pour augmenter les performances de votre site, un mauvais paramètre ici peut avoir des effets inattendus. Plus précisément, à moins que vous ne sachiez ce que vous faites, l'utilisation du mode «Complet (strict)» peut entraîner l'arrêt de votre site. Sauf si vous avez une raison de ne pas le faire, définissez cette option sur «Complet» et laissez-la de cette façon.

Certificats Edge - Activez «Toujours utiliser HTTPS», «Réécritures HTTPS automatiques». Ce dernier est particulièrement utile si vous rencontrez des problèmes avec votre statut SSL en raison d'erreurs de contenu mixtes.

3. Pare-feu

Pare-feu Cloudflare
La section Pare-feu vous permet de visualiser les événements et de définir des règles personnalisées.

La section Pare-feu sert principalement à personnaliser la sécurité de votre site. Je recommande que si vous souhaitez utiliser les règles de pare-feu, observez d'abord votre trafic Web pendant un certain temps. Au fur et à mesure, vous remarquerez bientôt ce qui semble suspect ou non.

Si vous pensez que certaines adresses IP ou plages d'adresses IP sont suspectes, vous pouvez essayer de les bloquer en ajoutant une règle. Ajoutez l'adresse IP et incluez une action à entreprendre si quelqu'un de l'IP essaie d'accéder à votre site. À moins que vous ne soyez certain qu'il s'agit d'un programme malveillant ou d'un robot, définissez l'action sur «Défi».

A lire également: 6 choses à faire pour sécuriser votre site Web

4. La vitesse

Cette section intéressera bien entendu la plupart des utilisateurs. Malheureusement, il contient quelques choix payants. Néanmoins, certaines options sont utiles selon la façon dont vous exécutez votre site.

Si vous êtes en utilisant AMP puis activez AMP Real URL. Cela vous évitera de montrer à vos visiteurs mobiles d'étranges URL AMP. AMP a tendance à ajouter des extensions étranges à vos URL et à activer ce correctif pour résoudre ce problème.

Brotli aide à la compression alors assurez-vous de l'activer. Chargeur de fusée Par contre ça sonne techniquement bien, mais je trouve que ça a tendance à poser des problèmes, surtout avec les sites WordPress.

La minification est bien sûr géniale, mais l'utilisation dépend de la façon dont vous êtes déjà configuré sur votre site. Si vous utilisez déjà la minification de code avec votre site, ne l'activez pas ici. La minification est bonne, ne dupliquez pas la fonction.

A lire également: 8 Conseils pour accélérer votre site Web

5. Mise en cache

De droit, la mise en cache devrait fonctionner `` telle quelle '' mais il y a quelque chose ici que vous devez utiliser de temps en temps. Si vous apportez des modifications à votre site et que vous remarquez qu'il ne s'affiche pas encore en ligne, venez ici et purgez votre cache.

6. Réseau

Par défaut, HTTP / 2 devrait être forcé mais si vous remarquez qu'il ne l'est pas et qu'il est éteint, allumez-le. HTTP / 3 est théoriquement beaucoup mieux donc si l'option est disponible, essayez-la. Il est plus rapide et plus fiable que HTTP / 2 tout en conservant les bonnes caractéristiques.

A lire également: 7 outils pour tester votre site Web

7. Bouclier de grattage

La seule chose à noter ici sur les plans gratuits est Protection Hotlink. Bien qu'en théorie, cela semble facile, il a souvent besoin d'un peu de peaufinage sur votre hébergeur avant de fonctionner correctement. Plus souvent qu'autrement, cela causera plus de maux de tête que cela ne vaut.

Au lieu d'utiliser cela, je vous recommande de configurer protection hotlink au niveau du serveur.

8. applications

Cela est utile dans de nombreux cas, mais la manière la plus remarquable, je pense, convient si vous utilisez un site WordPress. Ceux-ci s'appuient fortement sur des plugins pour étendre les fonctionnalités, ce qui est génial, mais cela augmente également la charge de votre serveur.

Au lieu de les exécuter sur votre serveur, utilisez plutôt les applications Cloudflare. Il y en a un bon nombre disponibles pour presque tout, de la prise en charge des paiements PayPal aux applications complètes de la boutique en ligne.

Réflexions finales: il faut un peu de tout

Il existe différentes écoles de pensée en matière d'amélioration des performances des sites Web. Certains mettent fortement l'accent sur le TTFB, tandis que d'autres peuvent chercher à réduire l'utilisation des ressources ou à optimiser le site par d'autres moyens.

Personnellement, je pense que pour vraiment obtenir le feu vert dans la performance, vous devez travailler un peu sur tout. La plupart des réglages d'amélioration des performances vous donnent de très petites augmentations de vitesse ou d'efficacité.

Ce n'est qu'en les combinant que vous obtiendrez des résultats vraiment satisfaisants. Cependant, je dirai qu'un CDN comme Cloudflare vous aide à faire du chemin dans un seul paquet. En dehors de cela, ce que vous devez sérieusement faire attention est votre hébergeur.

C'est quelque chose que vous ne pouvez pas contrôler après vous être inscrit. Pour cette raison, faire un peu plus de recherche peut vous faire économiser beaucoup de stress en ce qui concerne vitesse de réponse du serveur ou toute autre chose pour laquelle vous comptez sur votre hébergeur.


Avertissement: Les informations présentées dans cet article sont présentées à la meilleure connaissance de l'auteur. L'utilisation de ce guide ne pourra en aucun cas servir de base à des actions en responsabilité contre l'auteur ou le ou les sites sur lesquels les informations sont publiées.

A propos de Timothy Shim

Timothy Shim est un écrivain, un éditeur et un geek de la technologie. Il a débuté sa carrière dans le domaine des technologies de l’information et a rapidement trouvé son chemin dans la presse écrite. Il a depuis travaillé avec des titres de médias internationaux, régionaux et nationaux, notamment ComputerWorld, PC.com, Business Today et The Asian Banker. Son expertise se situe dans le domaine de la technologie, tant du point de vue du consommateur que de l'entreprise.