Nouveautés de DevTools (Microsoft Edge 140)

Il s’agit des dernières fonctionnalités DevTools de la version stable de Microsoft Edge.

Nombre d’invalidations dans les statistiques de sélecteur CSS

Dans l’outil Performances , le tableau de l’onglet des statistiques du sélecteur CSS comporte une nouvelle colonne : Nombre d’invalidités. La colonne Nombre d’invalidations affiche un nombre agrégé de nœuds DOM qui sont mis en correspondance par un sélecteur CSS qui ont été invalidés et dont le style a été recalculé. Un nœud DOM peut être invalidé plusieurs fois, par plusieurs sélecteurs CSS.

Lors d’un événement de style recalculé, le navigateur peut invalider de nombreux nœuds DOM, basés sur un sélecteur CSS donné. Les sélecteurs CSS inefficaces peuvent avoir un impact sur les performances de votre page web. Si les coûts élevés du recalcul du style sont élevés, cela peut être dû à une invalidation excessive. Vous pouvez utiliser ces nouvelles informations pour identifier les sélecteurs CSS qui ont un nombre d’invalidations élevé et réduire la sur-invalidation en affinant vos règles de style CSS.

Colonne du nombre d’invalidations dans le tableau de l’onglet statistiques du sélecteur CSS

Voir aussi :

Annonces du projet Chromium

Microsoft Edge 140 inclut également les mises à jour suivantes du projet Chromium :

Voir aussi