Comment réduire le TTFB (Time to First Byte) avec Cloudflare

Je suis un utilisateur heureux de Cloudflare depuis des années. Voici mes réflexions sur la réduction du TTFB sur Cloudflare et sur l’importance du délai avant le premier octet.

Cloudflare et TTFB (Time to First Byte)

Cloudflare est un service CDN populaire qui agit comme un proxy inverse entre votre hôte Web et Internet, bloquant les robots malveillants et optimisant la vitesse du site Web. Il est utilisé par les grandes entreprises et les webmasters individuels et offre un excellent plan gratuit pour un usage personnel.

Cloudflare fournit une amélioration mesurable de la vitesse de chargement des pages, comme en témoignent des outils tels que WebPageTest et Google Lighthouse.

Malgré cela, vous remarquerez peut-être que le temps de réponse de votre serveur (TTFB, ou Time to First Byte) a augmenté après avoir activé Cloudflare. Cela peut sembler contre-intuitif, mais c’est tout à fait normal et non préoccupant.

Le TTFB compte-t-il même ?

Pas selon Cloudflare. Bien qu’il reste une mesure importante sur certains tests de vitesse de site Web, le temps de réponse du serveur n’a pas grand-chose à voir avec l’expérience utilisateur réelle. En d’autres termes, même si votre TTFB peut être plus élevé avec Cloudflare, votre site Web se chargera toujours beaucoup plus rapidement dans l’ensemble. Cloudflare explique cela dans un article de blog intitulé à juste titre Arrêtez de vous soucier du temps jusqu’au premier octet (TTFB).

Mais pourquoi Cloudflare aggrave-t-il le TTFB en premier lieu ? Pour le dire simplement, au lieu que le visiteur communique directement avec votre hébergeur, il passe maintenant par un saut supplémentaire, ce qui ajoute une latence initiale.

HTTP non chiffré sans Cloudflare

C’est grossièrement simplifié, mais un site Web HTTP de base sans Cloudflare fonctionne comme suit :

1. Le visiteur demande une page Web
2. Votre hébergeur livre le contenu

HTTP non chiffré avec Cloudflare

Ajoutons maintenant Cloudflare :

1. Le visiteur demande une page Web
2. Cloudflare récupère le contenu de votre hébergeur
3. Cloudflare optimise le contenu (minification, compression, etc.)
4. Cloudflare fournit un contenu optimisé au visiteur

Les étapes supplémentaires ajoutent des frais généraux. Si Cloudflare a déjà la ressource en cache sur ses serveurs, les étapes 2 et 3 sont ignorées, mais par défaut, cela ne se produit qu’avec des ressources statiques comme les images, Javascript et CSS.

HTTPS crypté avec Cloudflare (mode SSL complet)

Si vous utilisez TLS (comme vous le devriez) et activez le mode Full SSL dans Cloudflare, la surcharge augmente encore :

1. Le visiteur demande une page Web
2. Cloudflare récupère le contenu chiffré de votre hébergeur
3. Cloudflare décrypte le contenu
4. Cloudflare optimise le contenu
5. Cloudflare chiffre à nouveau le contenu
6. Cloudflare fournit un contenu optimisé au visiteur

Cloudflare doit décrypter votre contenu afin de l’optimiser, donc les modes Full SSL et Full (Strict) SSL ajoutent de la latence. En général, la sécurité en vaut vraiment la peine et l’augmentation mineure du temps de réponse du serveur ne devrait pas être un problème.

Faites défiler pour continuer

HTTPS crypté avec Cloudflare (mode SSL flexible)

Il est théoriquement possible de réduire le TTFB en passant en mode Flexible SSL :

1. Le visiteur demande une page Web
2. Cloudflare récupère le contenu de votre hébergeur
3. Cloudflare optimise le contenu
4. Cloudflare chiffre le contenu
5. Cloudflare fournit un contenu optimisé au visiteur

Lors du fonctionnement dans ce mode, la connexion entre l’origine et Cloudflare n’est pas chiffrée, il y a donc moins de surcharge. Mesurons l’effet réel de son réglage.

TTFB en mode SSL complet

Pour mesurer le TTFB, j’utilise cet outil gratuit génial de KeyCDN qui teste votre site Web à partir de dix endroits différents dans le monde. Tout d’abord, vérifions la réponse du serveur avec SSL complet mode sur Cloudflare :

TTFB en mode SSL flexible

Passons maintenant à SSL souple mode, ce que Cloudflare vous permet de faire en un clic, et relancez le test :

La réduction du TTFB est d’environ 30% en moyenne. Cela signifie-t-il que vous devez passer en mode SSL flexible ? Probablement pas.

Le TTFB n’est qu’une mesure qui n’a pas grand-chose à voir avec la vitesse de chargement réelle du site Web. De plus, Cloudflare indique que Flexible ne doit être utilisé qu' »en dernier recours si vous ne parvenez pas à configurer SSL sur votre serveur Web d’origine ».

On pourrait même argumenter que le mode Flexible induit vos visiteurs en erreur. Ils voient le cadenas sur la barre d’adresse et considèrent que leur connexion est sécurisée, alors qu’elle ne l’est en fait qu’à moitié.

Personnellement, je n’utiliserais Flexible que sur un site purement statique. Mais même alors, il y a une meilleure option.

Meilleure option : tout mettre en cache

Bien que Cloudflare ne mette en cache que des ressources telles que des images et des feuilles de style par défaut, même sur le plan gratuit, vous pouvez créer une règle de page pour la mettre également en cache HTML.

De cette façon, Cloudflare servira le page Web entière depuis leurs serveurs périphériques ultra-rapides sans interroger du tout votre hébergeur ! (Ce n’est évidemment pas une option pour les parties du site qui doivent rester dynamiques, par exemple l’espace membre ou le panier d’achat).

TTFB avec règle de page « Tout mettre en cache »

Revenons à Full SSL pour la sécurité, mais utilisons une règle de page « Cache Everything » et réexécutons le test TTFB. Accrochez-vous à votre chapeau.

Lorsque Cloudflare est autorisé à mettre en cache l’intégralité de la page Web, le TTFB est à la hauteur de a l’heure plus bas, à travers le monde, par rapport à ne pas utiliser Cloudflare du tout. Un résultat fantastique, et j’obtiens cette performance entièrement gratuite.

Cet article est exact et fidèle au meilleur de la connaissance de l’auteur. Le contenu est uniquement à des fins d’information ou de divertissement et ne remplace pas un conseil personnel ou un conseil professionnel en matière commerciale, financière, juridique ou technique.