L’équipe Microsoft Edge a créé un nouvel outil qui permettra aux utilisateurs de déboguer les fuites de mémoire dans son navigateur pour éviter les ralentissements.
Les fuites de mémoire se produisent lorsque le code JavaScript d’une application conserve en mémoire de plus en plus d’objets dont il n’a plus besoin au lieu de les libérer pour le ramasse-miettes (GC). Pour les applications qui s’exécutent pendant longtemps sans être fermées, de petites fuites de mémoire de quelques kilo-octets seulement peuvent dégrader sensiblement les performances au fil du temps, selon un nouveau billet de blog de Microsoft.
React, la bibliothèque JavaScript open source pour la création d’interfaces utilisateur frontales, maintient une copie virtualisée du DOM (Document Object Model). Cependant, ne pas démonter correctement les composants peut entraîner une fuite d’une grande partie du DOM virtuel.
Pour cette raison, l’équipe Microsoft Edge a collaboré avec Microsoft Teams pour créer le nouvel outil Éléments détachés du navigateur qui permet aux utilisateurs d’enquêter et de résoudre les fuites de mémoire DOM.
Bien qu’il existe des raisons valables pour détacher des éléments, des fuites de mémoire DOM se produisent lorsqu’une application conserve des références à de plus en plus d’éléments détachés sans les réutiliser plus tard. Au fur et à mesure que le code utilisé dans les applications augmente en taille et en complexité, il devient plus facile de faire des erreurs et d’oublier de nettoyer les choses, ce qui pourrait conduire sans le savoir à conserver des éléments DOM en mémoire.
Ceci est particulièrement un problème pour les applications de longue durée. Par exemple, si un client de messagerie détache des éléments DOM chaque fois qu’un e-mail est ouvert et fermé et qu’un utilisateur maintient l’application en cours d’exécution pendant une semaine entière, cela peut représenter une utilisation très élevée de la mémoire et ralentir l’ordinateur portable ou le poste de travail d’un utilisateur au fil du temps.
Alors que le nouvel outil Detached Elements de Microsoft est disponible dans Edge Canary depuis la version 93, il sera déployé sur le canal stable de Microsoft Edge lors du lancement de la version 97 du navigateur ce mois-ci.
Pour accéder rapidement à ce nouvel outil, vous devez d’abord ouvrir DevTools dans Edge en appuyant sur F12 et cliquer sur l’icône d’engrenage pour ouvrir les paramètres de DevTools. À partir de là, accédez à Expériences sur le côté gauche du volet Paramètres, saisissez Éléments détachés et cliquez sur l’outil pour l’activer.
Nous avons également souligné le meilleur navigateur, meilleur navigateur anonyme et meilleur proxy prestations de service
