Latence de la demande de document

Adam Raine
Adam Raine
GitHub

Publié le 27 mars 2025

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

Ce que vérifie l'insight

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

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

Éviter les redirections

Les redirections ralentissent la vitesse de 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 comme celle-ci :

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

Le navigateur doit ensuite effectuer 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 mobinautes 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 réponses lentes du serveur peuvent avoir de nombreuses causes et il existe de nombreuses façons de les améliorer :

  • Optimisez la logique applicative du serveur pour accélérer la préparation des pages. Si vous utilisez un framework de 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 du réseau. Cette méthode est particulièrement efficace si le document peut être mis en cache au niveau du nœud périphérique du CDN.

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

Autoriser la compression

La compression du 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 composants textuels.

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

Les outils de développement indiquent que la requête de document utilise la compression gzip.
Les outils de développement indiquent que la requête de document utilise la compression gzip.

Conseils spécifiques à la pile

Cet insight propose également des conseils spécifiques aux piles pour les pages utilisant les technologies suivantes :

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 du serveur.
  • Envisagez de passer à un service d'hébergement géré ou dédié.

Drupal

  • Si le module Redirect est installé, vérifiez 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 effectuez 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