Latence de la demande de document

Adam Raine
Adam Raine
GitHub

Publié le 27 mars 2025

La requête de document initiale pour la page est la plus importante, car toutes les requêtes réseau et le contenu de la page en dépendent. Optimiser la requête de document initiale améliore les performances.

Éléments vérifiés par l'insight

L'insight vérifie si l'une des conditions suivantes a affecté la demande de document initiale:

  • La requête de navigation a été redirigée une ou plusieurs fois.
  • Le serveur a mis plus de 600 ms à répondre à la requête.
  • La réponse n'était pas compressée.
Devtools indique que la latence des documents peut être réduite en éliminant les redirections.
Devtools indique que la latence du document peut être réduite en éliminant les redirections.

Éviter les redirections

Les redirections ralentissent le chargement de vos pages. Lorsqu'un navigateur demande une ressource qui a été redirigée, le serveur renvoie généralement une réponse HTTP de ce type:

HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location

Le navigateur doit ensuite envoyer une autre requête HTTP au nouvel emplacement pour récupérer la ressource. Ce trajet supplémentaire sur le réseau peut retarder le chargement de la ressource.

Assurez-vous que les liens pointent vers l'emplacement actuel d'une ressource. Si vous utilisez des redirections pour rediriger les utilisateurs mobiles vers la version mobile de votre page, envisagez de repenser votre site pour utiliser le responsive design.

Réduire les temps de réponse du serveur

La première étape pour améliorer les temps de réponse du serveur consiste à identifier les tâches conceptuelles de base que votre serveur doit effectuer pour renvoyer le contenu de la page, puis à mesurer la durée de chacune de ces tâches. Une fois que vous avez identifié les tâches les plus longues, trouvez des moyens de les accélérer.

Les raisons de la lenteur des réponses du serveur sont nombreuses, et les solutions possibles le sont tout autant:

  • Optimisez la logique applicative du serveur pour préparer les pages plus rapidement. Si vous utilisez un framework serveur, il peut vous fournir des recommandations sur la façon de procéder.
  • Optimisez la façon dont votre serveur interroge les bases de données ou migrez vers des systèmes de base de données plus rapides.
  • Mettez à niveau le matériel de votre serveur pour disposer de plus de mémoire ou de processeurs.
  • Utilisez un CDN pour réduire la latence réseau. Cette méthode est particulièrement efficace si le document peut être mis en cache au niveau du nœud de périphérie du CDN.

Pour en savoir plus, consultez le guide Optimiser le TTFB.

Autoriser la compression

La compression de texte peut réduire la taille globale du document HTML initial. Lorsqu'un navigateur demande une ressource, il utilise l'en-tête de requête HTTP Accept-Encoding pour indiquer les algorithmes de compression qu'il prend en charge.

Accept-Encoding: gzip, compress, br, zstd

Consultez également Optimiser l'encodage et la taille de transfert des éléments textuels.

Votre serveur doit renvoyer l'en-tête de réponse HTTP Content-Encoding pour indiquer l'algorithme de compression utilisé.

Devtools indique que la requête de document utilise la compression gzip
Devtools indique que la requête de document utilise la compression gzip.

Conseils spécifiques à la pile

WordPress

  • Activez la compression de texte dans la configuration de votre serveur Web.
  • Choisissez un thème léger (idéalement un thème basé sur des blocs) et implémentez la mise en cache de la page entière ou une solution de site statique. Désactivez les plug-ins inutiles pour réduire les frais généraux de serveur.
  • Envisagez de passer à un service d'hébergement géré ou dédié.

Drupal

  • Si le module Redirect est installé, examinez et supprimez les redirections inutiles.
  • Déchargez le trafic avec un ou plusieurs modules de mise en cache Drupal tels que Internal Page Cache, Internal Dynamic Page Cache et BigPipe. Associez-les à un CDN pour améliorer le délai de réponse. Vos serveurs d'hébergement doivent exploiter PHP OPcache.
  • Envisagez d'utiliser la mise en cache de la mémoire (avec Redis ou Memcached, par exemple) pour réduire les temps d'interrogation des bases de données.
  • Utilisez des thèmes et des modules performants, ainsi que des serveurs plus rapides, pour réduire le temps de réponse du serveur.

React

  • Si vous utilisez React Router, réduisez au maximum l'utilisation du composant <Redirect> pour la navigation vers des itinéraires.
  • Si vous êtes en train d'effectuer un rendu de composants React côté serveur, envisagez d'utiliser renderToNodeStream() ou renderToStaticNodeStream() pour permettre au client de recevoir et d'hydrater différentes parties du balisage au lieu de tout faire simultanément.

Joomla

  • Activez le paramètre "Compression des pages avec Gzip" (Système > Configuration globale > Serveur).
  • Les thèmes, les extensions et les spécifications du serveur sont autant d'éléments qui influent sur le temps de réponse du serveur. Vous pouvez envisager d'utiliser un thème plus optimisé ou une extension d'optimisation plus performante, ou bien de mettre à niveau votre serveur.

Magento

Ressources