Comment réduire le TTFB pour améliorer les temps de chargement des pages WordPress

En ce qui concerne la vitesse globale de votre site WordPress, nous nous concentrons souvent sur les performances frontales et les optimisations pour améliorer la vitesse de chargement des pages. Cependant, il est parfois bon de le regarder du côté serveur, là où votre site Web commence à se charger. Aujourd'hui, nous allons nous pencher sur la façon dont le TTFB (délai avant le premier octet) vous affecte et discuter de quelques moyens simples de le réduire. Le TTFB est généralement un facteur de performance négligé, mais il doit être pris en considération lors du test de la vitesse de votre site.

• Qu'est-ce que le TTFB ?
• Le TTFB est-il important ?
• Comment mesurer votre TTFB
• 4 façons de réduire le TTFB sur votre site WordPress

Qu'est-ce que le TTFB ?

TTFB représente le temps jusqu'au premier octet . Pour le dire simplement, il s'agit d'une mesure du temps que le navigateur doit attendre avant de recevoir son premier octet de données du serveur. Plus il faut de temps pour obtenir ces données, plus il faut de temps pour afficher votre page. Une idée fausse courante est que cela est calculé après les temps de recherche DNS, cependant, le calcul original du TTFB dans le réseau inclut toujours la latence du réseau . Cela implique un processus en 3 étapes et des retards et une latence peuvent se produire n'importe où entre les deux, s'ajoutant à votre TTFB total.

1. Demande au serveur

Lorsqu'une personne visite votre site Web, la première chose qui se passe est qu'une requête HTTP est envoyée du client (navigateur) au serveur. Dans cette étape, il existe une variété de facteurs qui peuvent introduire des retards. Des temps de recherche DNS lents pourraient contribuer à augmenter le temps de la demande. Si le serveur est géographiquement éloigné, cela peut introduire une latence dans la distance que les données doivent parcourir. De plus, si vous avez des règles de pare-feu complexes, cela pourrait augmenter le temps de routage. Et n'oubliez pas la vitesse Internet du client.

2. Traitement du serveur

Une fois la requête envoyée, le serveur doit maintenant la traiter et générer une réponse. Cela pourrait introduire un certain nombre de retards différents tels que des appels de base de données lents , trop de scripts tiers, la non mise en cache de votre première réponse, un code ou un thème WordPress mal optimisé et des ressources de serveur inefficaces telles que les E/S de disque ou la mémoire.

3. Réponse au client

Une fois que le serveur a traité la requête, il doit la renvoyer au client (ou plutôt renvoyer le premier octet). Ceci est fortement affecté à la fois par la vitesse du réseau du serveur et du client . Si le client a une connexion Internet lente à partir d'un point d'accès Wi-Fi, cela se reflétera dans le TTFB.

Le TTFB est-il important ?

Il est important de comprendre que le TTFB (délai avant le premier octet) n'est pas la même chose que la vitesse du site Web. C'est vraiment une mesure de réactivité. Il y a beaucoup de discussions sur le Web pour savoir si le TTFB est important ou non. Certains disent que cela n'a pas de sens (Cloudflare, LittleBizzy), et d'autres disent que c'est important (Ilya Grigorik, Web Performance Engineer chez Google). Les deux parties soulèvent des points valables sur pourquoi ou pourquoi ce n'est pas important et aussi quelques questions sur la façon dont il est réellement calculé.

Moz a même fait une étude approfondie sur la corrélation entre les classements de recherche et le temps jusqu'au premier octet. Cependant, il est difficile de savoir si cela en était la cause ou si les sites avec un TTFB inférieur étaient aussi simplement plus rapides en général, ce qui pourrait à son tour être affecté par le facteur de classement de la vitesse des pages de Google.

Cependant, plutôt que de passer du temps à nous demander si c'est important ou non, nous préférons nous concentrer sur les optimisations que vous pouvez faire pour améliorer cette métrique. Tout ce que vous faites peut contribuer à la vitesse globale de votre site WordPress, ce qui, à son tour, affectera votre TTFB. Dans nos sites de test avec un TTFB beaucoup plus important, il suffit de charger et de se sentir plus lent.

Généralement, tout ce qui est inférieur à 100 ms est excellent et bon TTFB . Google PageSpeed ​​Insights recommande moins de 200 ms pour le temps de réponse du serveur. Si vous êtes dans la plage 300-500 ms, c'est assez standard. Et si vous dépassez 600 ms, vous avez peut-être quelque chose de mal configuré sur votre serveur ou il est peut-être temps de passer à une meilleure pile Web. Ou suivez nos recommandations ci-dessous pour réduire votre TTFB. Et rappelez-vous que la négociation SSL/TLS peut également être un facteur.

Comment mesurer votre TTFB

Il existe une multitude de façons différentes de tester votre TTFB. Nous en explorerons quelques-uns ci-dessous. Mais n'oubliez pas que chaque outil donnera des résultats légèrement différents, il est donc important d'en utiliser simplement un et de s'y tenir pour une ligne de base.

Mesurer le TTFB avec Google Chrome DevTools

Vous pouvez mesurer le TTFB dans Google Chrome en lançant DevTools. N'oubliez pas cependant que si vous testez depuis votre ordinateur, le TTFB est affecté par la latence du réseau et votre connexion Internet. Il est donc probablement plus efficace d'utiliser un outil tiers (comme indiqué ci-dessous) qui teste à partir d'un centre de données.

• Sélectionnez Plus d'outils > Outils de développement dans le menu Chrome.
• Faites un clic droit sur un élément de la page et sélectionnez Inspecter
• Utilisez les raccourcis clavier Ctrl + Maj + I (Windows) ou Cmd + Opt + I (Mac)

Vous pouvez lancer la fenêtre réseau et voir les performances de votre site.

Mesurer le TTFB avec l'outil de Geekflare

Geekflare a une impressionnante collection d'outils gratuits que vous pouvez utiliser pour tester et dépanner les choses sur votre site Web. L'outil TTFB de Geekflare est simple, rapide et vous permet de voir à quelle vitesse (faible) votre temps d'accès au premier octet est à partir de trois endroits dans le monde.

Mesurer le TTFB avec WebPageTest

Vous pouvez également mesurer votre TTFB avec WebPageTest. Selon leur glossaire, le temps cible est le temps nécessaire aux négociations DNS, socket et SSL + 100ms. Une note d'une seule lettre sera déduite pour chaque tranche de 100 ms au-delà de la cible. Comme vous pouvez le voir dans notre test ci-dessous, ce site a mesuré à 0,256 s ou 256 ms TTFB.

Mesurer le TTFB avec Pingdom

Chrome et WebPageTest l'appellent TTFB. Cependant, si vous utilisez Pingdom, il s'agit en fait d'un temps d'attente. Assurez-vous également de consulter notre guide détaillé sur l'utilisation de Pingdom.

Mesurer le TTFB avec GTmetrix

Dans GTmetrix, tout comme avec Pingdom, TTFB est appelé temps d'attente. Assurez-vous également de consulter notre guide détaillé sur l'utilisation de GTmetrix.

Mesurer le TTFB avec l'outil de KeyCDN

KeyCDN dispose d'un excellent outil de test de performances Web dans lequel vous pouvez mesurer votre TTFB à partir de 14 emplacements différents simultanément. Comme vous pouvez le voir ci-dessous dans notre test, le TTFB est faible aux États-Unis et beaucoup plus élevé à l'étranger. En effet, notre serveur est physiquement situé aux États-Unis. C'est la preuve ici que la latence et la distance jouent dans le TTFB.

Il existe également d'autres outils pour mesurer le TTFB, tels que Sucuri Performance Tool et ByteCheck. Le saviez-vous? Même Google Analytics a une section pour voir votre temps de réponse moyen. Cliquez simplement sur "Comportement> Vitesse du site> Aperçu".

4 façons de réduire le TTFB sur votre site WordPress

Voyons maintenant comment réduire le TTFB sur votre site WordPress.

1. Utilisez un hôte WordPress rapide

La première façon de réduire le TTFB est de vous assurer que vous utilisez un hébergeur WordPress rapide. Nous avons comparé le TTFB d'un hôte partagé tiers (situé à Phoenix, AZ) et le TTFB de Kinsta (situé à Council Bluffs, Iowa). Nous avons utilisé exactement la même configuration avec le thème par défaut Twenty Seventeen en cours d'exécution. N'oubliez pas que Kinsta dispose désormais des 29 emplacements Google Cloud Platform, il est donc important de placer stratégiquement votre site WordPress plus près de vos visiteurs.

Kinsta inclut également le réseau de niveau premium de Google Cloud Platform sur tous les plans d'hébergement. De nombreux autres fournisseurs d'hébergement utilisent le réseau de niveau standard de Google Cloud, ce qui entraîne des vitesses plus lentes.

Hôte partagé TTFB

Dans toutes les régions, le TTFB moyen était de 520 ms . Aux États-Unis et au Canada, le TTFB moyen était de 240 ms .

Kinsta TTFB

Dans toutes les régions, le TTFB moyen était de 412 ms . Aux États-Unis et au Canada, le TTFB moyen était de 164 ms . Si vous hébergez avec Kinsta, vous pouvez également choisir d'héberger votre site WordPress en Europe ou en Asie. Consultez la liste des emplacements des centres de données Google Cloud.

Donc, simplement en utilisant un hôte plus rapide, nous avons constaté une diminution de 20 % du TTFB à l' échelle mondiale. Et une diminution de 32% du TTFB aux États-Unis et au Canada. Avoir un bon hébergeur WordPress avec une architecture soigneusement pensée est crucial pour réduire votre TTFB. Cela constitue également un bon argument pour choisir avec soin un lieu physiquement situé dans une région où se trouvent vos clients. Si la plupart de vos clients se trouvent aux États-Unis, n'hébergez pas votre serveur en Europe (bien qu'un CDN puisse aider à annuler une partie de cela).

2. Implémenter un CDN

Un autre moyen simple de réduire le TTFB consiste à utiliser un réseau de diffusion de contenu (CDN). Si vous avez un site Web qui dessert des visiteurs dans différentes parties du pays ou du monde entier, cela peut réduire considérablement votre TTFB. Comme nous l'avons vu plus haut, l'emplacement est très important. Nous avons effectué un petit test pour montrer la différence avec KeyCDN en tant que fournisseur de CDN. Chaque test a été exécuté 5 fois et la moyenne a été prise.

TTFB Sans CDN

Nous avons d'abord effectué un test avec notre CDN désactivé et comme vous pouvez le voir, notre temps de chargement total était de 1,45 s et notre TTFB moyen sur un actif était d'environ 136 ms.

TTFB avec CDN

Nous avons ensuite activé notre CDN et refait le test. Comme vous pouvez le constater, nos temps de chargement totaux sont tombés à 788 ms et notre TTFB moyen est désormais de 37 ms ! Quelle différence un CDN peut faire. Une autre chose importante à noter est que nous avons choisi le site de Stockholm pour effectuer ce test. Pourquoi? Parce que nous voulions vous montrer la réelle amélioration que l'on peut avoir en diminuant la distance physique. Il y a un CDN POP situé à Stockholm, donc notre contenu est servi depuis Stockholm.

Remarque : Si vous utilisez Cloudflare, vous pourriez avoir un TTFB légèrement plus élevé. Cela est probablement dû à la surcharge supplémentaire et à la complexité de l'exécution du service entièrement proxy. N'oubliez pas que Cloudflare dispose de pare-feu supplémentaires et d'autres fonctionnalités que certains fournisseurs de CDN n'ont pas. Vous auriez donc besoin de vous faire votre propre opinion, ce qui pourrait vous être plus avantageux. Si l'ensemble de votre site n'est pas correctement optimisé, prendre le coup sur le TTFB légèrement plus élevé peut valoir le coup.

Cependant, vous pouvez également consulter le guide de WP Bullet sur l'utilisation de la mise en cache des pages Cloudflare pour réduire le TTFB. Cela pourrait nécessiter une configuration et des tests supplémentaires. Assurez-vous d'exécuter vos propres tests car chaque environnement est différent.

Lecture suggérée : Comment configurer Cloudflare APO pour WordPress.

3. Mise en cache WordPress

Une troisième façon et probablement l'une des façons les plus simples de réduire votre TTFB consiste à utiliser la mise en cache sur votre site WordPress. Beaucoup pensent seulement que la mise en cache peut aider à réduire vos temps de chargement, mais en fait, elle aide également à réduire le TTFB car elle aide à réduire le temps de traitement du serveur. Nous avons à nouveau effectué quelques tests avec et sans mise en cache en cours d'exécution. Chaque test a été exécuté 5 fois et la moyenne a été prise.

Sans cache en cours d'exécution

Nous avons exécuté le site via Pingdom, et sans cache en cours d'exécution, notre site a obtenu un temps de chargement de 1,17 s et un TTFB de 560 ms.

Avec la mise en cache activée

Nous avons ensuite activé la mise en cache et exécuté à nouveau le site via Pingdom. Cette fois, notre site a enregistré un temps de chargement de 643 ms et un TTFB de 57 ms.

Ainsi, en activant la mise en cache, nous avons pu réduire notre TTFB de 90 % ! Vous pouvez en savoir plus sur la mise en cache de Kinsta. Nous le faisons au niveau du serveur, ce qui signifie qu'aucun plug-in de mise en cache n'est requis. Si vous n'utilisez pas d'hébergeur WordPress géré, nous vous recommandons d'utiliser un plugin de mise en cache gratuit comme Cache Enabler.

4. Utilisez un fournisseur DNS Premium

Enfin, le DNS joue également un rôle dans le TTFB. Il est difficile de calculer exactement dans quelle mesure il est affecté, mais vous pouvez toujours voir les temps de recherche DNS globaux et voir qu'il existe des fournisseurs plus rapides et plus lents. Nous avons effectué quelques tests avec l'outil de test de vitesse SolveDNS. Voici un exemple de domaine utilisant le DNS gratuit de NameCheap et les temps de réponse.

Nom gratuitCheap DNS

Et ci-dessous, un exemple utilisant le DNS premium d'Amazon Route 53. Comme vous pouvez le voir en général, les temps de recherche DNS sont beaucoup plus rapides avec Amazon. En règle générale, les fournisseurs DNS premium auront de meilleures vitesses. Cloudflare est un logiciel gratuit qui offre également d'excellentes performances.

DNS d'Amazon Route 53

Assurez-vous de consulter notre article expliquant pourquoi vous devriez utiliser un fournisseur DNS premium. Nous nous sommes associés à Amazon Route 53 ici chez Kinsta et il est disponible gratuitement pour tous les clients.

Résumé

Il existe une multitude d'autres éléments que vous pouvez optimiser ou corriger pour réduire le TTFB, tels que la mise en cache de la base de données, les E/S disque, l'utilisation de Swap, la RAM, les paramètres PHP, les paramètres MySQL, les paramètres réseau, la surcharge TLS, etc. Mais ceux mentionnés ci-dessus sont assez facile à mettre en œuvre et vous donnera l'amélioration des performances la plus rapide. Ainsi, la prochaine fois que quelqu'un vous demandera comment réduire votre TTFB, rappelez-vous qu'un hôte WordPress rapide, un CDN, une mise en cache et un DNS jouent tous un rôle énorme. Résoudre ou améliorer ces goulots d'étranglement fera l'affaire.

Quelle a été votre expérience avec TTFB ? Nous aimerions en entendre parler ci-dessous.