Éviter de créer des chaînes de requêtes critiques

Les chaînes de requêtes critiques sont des séries de requêtes réseau dépendantes importantes pour le rendu des pages. Plus les chaînes sont longues et les tailles de téléchargement, plus l'impact sur les performances de chargement des pages est important.

Lighthouse signale les requêtes critiques chargées avec une priorité élevée:

Capture d'écran de l'audit de profondeur "Réduire les requêtes critiques" de Lighthouse

Comment Lighthouse identifie les chaînes de requête critiques

Lighthouse utilise la priorité réseau comme proxy pour identifier les ressources critiques qui bloquent l'affichage. Consultez la page Priorités et planification des ressources Chrome de Google pour en savoir plus sur la manière dont Chrome définit ces priorités.

Les données sur les chaînes de requête critiques, la taille des ressources et le temps de téléchargement des ressources sont extraites du protocole de débogage à distance de Chrome.

Réduire l'impact des chaînes de requêtes critiques sur les performances

Utilisez les résultats de l'audit des chaînes de demandes critiques pour cibler les ressources ayant le plus d'impact sur le chargement des pages:

  • Réduisez le nombre de ressources critiques: supprimez-les, différer leur téléchargement, marquez-les comme async, etc.
  • Optimisez le nombre d'octets critiques pour réduire la durée de téléchargement (nombre d'allers-retours).
  • Optimisez l'ordre de chargement des ressources critiques restantes: téléchargez tous les éléments critiques le plus tôt possible afin de raccourcir la longueur du chemin critique.

En savoir plus sur l'optimisation de vos images, JavaScript, CSS et polices Web

Conseils spécifiques à la pile

Magento

Si vous ne groupez pas vos éléments JavaScript, envisagez d'utiliser baler.

Ressources

Code source pour l'audit Réduire la profondeur des requêtes critiques