Dale St. Marthe
Le panneau Memory (Mémoire) fournit des outils de diagnostic qui vous permettent de visualiser la répartition de la mémoire des objets JavaScript, de détecter et d'isoler les fuites de mémoire, d'obtenir le détail de l'allocation de mémoire par fonction, etc.
Présentation
Le panneau Memory (Mémoire) vous permet de capturer trois types de profils. Ces types de profils vous permettent d'afficher des instantanés sous différentes perspectives et présentent diverses utilités:
- Instantané du tas de mémoire. Les instantanés de tas de mémoire montrent la répartition de la mémoire entre les objets JavaScript de votre page et les nœuds DOM associés.
- Instrumentation de l'allocation sur la chronologie. Les chronologies d'allocation montrent les allocations de mémoire JavaScript instrumentées au fil du temps. Une fois qu'un profil est enregistré, vous pouvez sélectionner un intervalle de temps pour voir les objets qui y ont été alloués et qui sont toujours actifs à la fin de l'enregistrement. Utilisez ce type de profil pour isoler les fuites de mémoire.
- Échantillonnage d'allocation : Enregistre les allocations de mémoire à l'aide de la méthode d'échantillonnage. Ce type de profil a une incidence minimale sur les performances et peut être utilisé pour des opérations de longue durée. Il fournit de bonnes approximations des allocations réparties par pile d'exécution JavaScript.
Vous pouvez sélectionner une instance de VM JavaScript sur laquelle exécuter chacun de ces profils.
Pour en savoir plus, consultez les sections suivantes :
- Résoudre les problèmes de mémoire
- Enregistrer des instantanés de segment de mémoire
- Outil de profilage d'allocation
Ouvrir le panneau "Memory" (Mémoire)
Pour ouvrir le panneau Memory (Mémoire) :
- Accédez aux outils de développement.
- Ouvrez le menu Commande en appuyant sur les touches suivantes :
- macOS: Cmd+Maj+P
- Windows, Linux, ChromeOS: Ctrl+Maj+P
- Commencez à saisir
memory, sélectionnez Show Memory (Afficher la mémoire), puis appuyez sur Entrée. Les outils de développement affichent le panneau Memory (Mémoire) en haut de la fenêtre "DevTools".
Vous pouvez également ouvrir le panneau Memory (Mémoire) comme suit:
- Dans la barre d'action qui se trouve en haut, cliquez sur double_arrow Autres panneaux et sélectionnez Mémoire dans la liste déroulante.
- En haut à droite, sélectionnez more_vert Plus d'options > Plus d'outils > Mémoire.