Le TTFB est l'oublié des performances

Découvrez l'impact méconnu du Time To First Byte (TTFB) sur la performance SEO de votre site. Mesurez, comprenez et optimisez pour une expérience utilisateur exceptionnelle dès le premier octet !

Le TTFB est l'oublié des performances

Le TTFB qui signifie Time To First Byte est souvent négligé lors des tests de performances. Pourtant, cet indicateur est primordial pour juger des performances de votre site. Il est également très important pour Google qui s'en sert comme critère pour le SEO. Il est temps de remettre un coup de projecteur sur le TTFB.

Qu'est-ce que le TTFB ?

Le Time to First Byte (TTFB) mesure le temps nécessaire au navigateur pour recevoir le premier octet de données d'un serveur après avoir émis une requête HTTP. Peu importe la localisation du serveur, ce processus, composé du temps de connexion au socket, d'envoi de la requête et de réception du premier octet, peut prendre de quelques millisecondes à plusieurs secondes.

Google le qualifie également de "Waiting", définissant le TTFB comme "le temps passé à attendre la réponse initiale, aussi connue sous le nom de Time To First Byte". Un TTFB élevé peut frustrer les visiteurs d'un site, influençant directement la vitesse de chargement initial et conduisant potentiellement à l'abandon du site au profit de concurrents plus réactifs.

Comment mesurer le TTFB ?

Avant d'évaluer le Time to First Byte (TTFB), il est essentiel de comprendre les critères de performances. Voici ce que semble indiquer Google :

  • Moins de 200 ms : Excellente performance
  • Entre 200 et 800 ms : Bonne performance
  • Entre 800 et 1800 ms : Une amélioration est recommandée
  • Au-dessus de 1800 ms : Performance très médiocre, nécessitant des mesures immédiates d'amélioration.

Pour mesurer le Time to First Byte (TTFB), plusieurs outils tiers sont disponibles. Cependant, la méthode la plus fiable, dès lors que vous disposez d'un nombre suffisant de sessions, consiste à utiliser le rapport d'expérience utilisateur. Ce rapport est accessible non seulement via la Search Console, mais également à travers PageSpeed Insights pour n'importe quel site. En prenant l'exemple du site classé en première position dans le dernier classement de la webperf du JDN, le ministère de l'Intérieur, voici les résultats obtenus pour le TTFB :

Il est important de noter que le rapport Pagespeed Insights ne fournit pas le Time to First Byte en l'absence d'un nombre suffisant de sessions.

D'autres outils tels que Webpagetest ou GTmetrix peuvent être utilisés pour mesurer le TTFB. Cependant, il est crucial de prendre en compte l'impact direct du lieu du test sur le TTFB. Par exemple, si vous lancez un test depuis les États-Unis alors que votre serveur est en France, le temps de réponse du serveur sera automatiquement plus long. Dans le cas du site du ministère de l'Intérieur, le rapport Webpagetest affiche une valeur de 0,928 seconde, ce qui est supérieur à la réalité.

TTFB et SEO quelles conséquences ?

Officiellement, le TTFB ne fait pas partie des Core Web Vitals. Il ne devrait donc pas avoir d'impact sur le positionnement d'un site dans les pages de résultats de Google. Et pourtant, il aura plus d'impact qu'on le pense car :

  • Le TTFB est un signal de l'expérience utilisateur. Or, on le sait, Google analyse le comportement des internautes sur les différentes pages web. Si le temps de chargement des pages est trop important, alors le taux de rebond va augmenter. Si votre visiteur retourne sur les résultats de recherche, pour choisir un autre site web, alors Google risque de déclasser votre site.
  • Un TTFB rapide, facilite le crawl des robots Google et donc l'indexation des pages. Plus votre site sera rapide, plus Google pourra visiter de pages sur votre site pour le même temps donné, c'est ce qu'on appelle le Budget Crawl.

Comment améliorer le TTFB ?

Pour améliorer votre TTFB, vous aurez le choix entre différents axes de travail. Citons les principaux :

  • Améliorer votre hébergement
  • Passer par un CDN
  • Utiliser un outil de cache.
  • Réduire la taille de votre DOM

Améliorer l'hébergement de votre site

Le choix d'un hébergeur rapide jouera un rôle crucial dans l'amélioration de votre TTFB. Il est primordial de privilégier un hébergeur ayant des serveurs localisés dans le pays de votre public cible. Par exemple, si vos visiteurs proviennent de France, optez pour un hébergeur dont les serveurs sont situés en France. En outre, veillez à choisir un hébergeur réputé pour la qualité de son service, en particulier en ce qui concerne la sélection du matériel.

Passer par un CDN

CDN signifie Content Delivery Network. Cette solution visant à améliorer votre TTFB s'avère particulièrement efficace lorsque votre audience est internationale. En utilisant un CDN (Content Delivery Network), votre contenu est distribué sur plusieurs serveurs à travers le monde. Ainsi, si un visiteur du Canada explore votre site, c'est un serveur canadien qui lui fournira le contenu plutôt que votre serveur français. Le CDN le plus largement reconnu sur le marché est Cloudflare. Il est toutefois important de noter que dans certaines situations, l'utilisation d'un CDN peut être contreproductive pour le TTFB, surtout si votre serveur est plus adapté à la localisation de la majorité de vos utilisateurs. Il est recommandé de considérer cette option uniquement lorsque votre serveur n'est pas situé dans le même pays que la plupart de vos visiteurs

Utiliser un outil de cache

Souvent, l'idée préconçue est que la mise en cache contribue uniquement à accélérer les temps de chargement. Cependant, il est essentiel de comprendre qu'elle joue également un rôle crucial dans la diminution du Time to First Byte (TTFB), en réduisant le temps de traitement du serveur.

Réduire la taille de votre DOM

Quand votre navigateur récupère un document HTML, celui-ci doit être transformé en une structure arborescente utilisée pour le rendu et la mise en page, grâce au CSS et au JavaScript. Cette structure, connue sous le nom de DOM (Document Object Model), est essentielle dans le processus. À mesure que la taille de votre DOM (Document Object Model) augmente, la taille du document HTML augmente également, mesurée en kilooctets (Ko). Cette croissance entraîne un transfert accru de données sur le réseau, ce qui, à son tour, amplifie le Time to First Byte (TTFB). Une bonne manière de réduire le DOM, est d'avoir un code non surchargé ou bien d'éviter de masquer des éléments avec du CSS

Prenez, dès maintenant, la mesure de votre Time To First Byte, afin d'y apporter les corrections nécessaires pour l'améliorer si vous en avez réellement besoin.