Nous commençons le voyage en tapant www.ourwebsite.com, cela enverra une requête get à notre serveur pour récupérer le code HTML de la page. Notre première tâche est donc de rendre cette récupération rapide.

Cette étape est indiquée par une métrique - TTFB, Time to First Byte

Le TTFB n'est pas le plus important, mais comme c'est le premier, cela signifie qu'il affectera toutes les autres mesures à venir.

TTFB est plus important dans les applications rendues côté client que dans le rendu côté serveur, car le côté client dépend totalement des fichiers js qui le remplissent.

Tous les sites doivent s'efforcer d'atteindre un TTFB de 0,8 seconde ou moins, vous pouvez mesurer le TTFB avec Lighthouse ou d'autres outils de profilage, il sera affiché comme « Temps de réponse initial du serveur ».

Voici quelques moyens d'optimiser TTFB

• Hébergement - Assurez-vous d'avoir un bon fournisseur d'hébergement, allouez suffisamment d'espace mémoire, configurez les paramètres du serveur.

• Utilisez CDN pour servir des fichiers statiques, JS,HTML,CSS et des images.

• Envoyer les ressources par morceaux

• Envoyer 103 Early Hints pour les ressources critiques pour le rendu : "L'en-tête 103 Early Hints est un code de réponse précoce que le serveur peut envoyer au navigateur pendant que le backend est occupé à préparer le balisage. Cet en-tête peut être utilisé pour indiquer au navigateur qu'il existe des ressources critiques pour le rendu, la page doit commencer à télécharger pendant la préparation du balisage. Google, web.dev