Les insights sur les performances fournissent des informations exploitables sur les performances de votre site Web. Ils sont disponibles dans le panneau "Performances" des outils de développement et dans Lighthouse.
Panneau "Performances" des outils de développement Audits de performances Lighthouse
Identifie les sélecteurs CSS complexes qui mettent beaucoup de temps à correspondre aux éléments de la page dans le navigateur.
Identifie les raisons pour lesquelles la demande de document HTML prend plus de temps que prévu.
Identifie les modules ou le code JavaScript identiques chargés plusieurs fois sur une même page.
Évalue la propriété CSS "font-display" pour s'assurer que le texte reste visible pendant le chargement des polices personnalisées.

Ajustement forcé de la mise en page

Identifie les cas où JavaScript force le navigateur à recalculer la mise en page, ce qui peut entraîner des problèmes de performances.
Suggère des moyens d'optimiser le chargement des images, par exemple en utilisant des formats modernes comme AVIF ou WebP et en veillant à ce que la taille soit correcte.
Affiche les sous-parties de l'INP pour vous aider à identifier les opportunités d'optimisation afin d'améliorer l'INP.

Causes des décalages de mise en page

Indique les éléments DOM spécifiques responsables des mouvements inattendus sur la page, qui contribuent au changement de mise en page cumulé.
Affiche les sous-parties du LCP pour vous aider à identifier les opportunités d'optimisation afin d'améliorer le LCP.
Identifie les raisons pour lesquelles la requête d'image LCP prend plus de temps que prévu.
Signale le code JavaScript obsolète qui peut être plus lent et inutile pour la plupart des navigateurs modernes.
Recherche les protocoles réseau plus récents tels que HTTP/2 ou HTTP/3 pour améliorer la multiplexation et la vitesse des requêtes et des réponses.
Identifie les chaînes de dépendances clés qui bloquent le rendu initial de la page.
Identifié lorsqu'une page comporte un grand nombre d'éléments HTML, ce qui peut affecter les performances d'affichage.
Vérifie que la fenêtre d'affichage de la page est correctement configurée pour s'assurer qu'elle ne provoque pas de délai de 300 millisecondes pour les interactions tactiles sur les appareils mobiles.
Identifie les ressources qui bloquent le rendu initial de la page et retardent le LCP.
Liste les ressources tierces chargées sur la page.
Identifie les règles de mise en cache sous-optimales qui entraînent des téléchargements potentiellement inutiles lors des visites répétées sur la page.