Présentation du panneau "Mémoire"

Dale St. Marthe

Le panneau Mémoire fournit des outils de diagnostic qui vous permettent de voir la répartition de la mémoire des objets JavaScript, de détecter et d'isoler les fuites de mémoire, d'obtenir une répartition de l'allocation de mémoire par fonction, et plus encore.

Présentation

Le panneau Memory (Mémoire) vous permet de capturer quatre types de profil. Ces types de profils vous montrent des instantanés sous différents angles et sont utiles à des degrés différents:

• Instantané de tas de mémoire: affiche la répartition de la mémoire entre les objets JavaScript et les nœuds DOM associés de votre page.
• Instrumentation d'allocations figurant dans la chronologie: affiche les allocations de mémoire JavaScript instrumentées au fil du temps. Une fois un profil enregistré, vous pouvez sélectionner un intervalle de temps pour voir les objets qui y ont été alloués et étaient 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 un impact minime sur les performances et peut être utilisé pour des opérations de longue durée. Fournit de bonnes approximations des allocations réparties par pile d'exécution JavaScript.
• Éléments dissociés: affiche les objets conservés par une référence 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 tas
• Outil de profilage des allocations

Ouvrir le panneau "Mémoire"

Pour ouvrir le panneau Souvenir:

1. Accédez aux outils de développement.
2. Ouvrez le menu Command (Commande) en appuyant sur :
   • macOS : Cmd+Maj+P
   • Windows, Linux et ChromeOS : Ctrl+Maj+P 
3. Commencez à saisir memory, sélectionnez Afficher la mémoire, puis appuyez sur Entrée. Les outils de développement affichent le panneau Mémoire en haut de la fenêtre.

Vous pouvez également ouvrir le panneau Mémoire de différentes manières:

• Dans la barre d'action en haut de l'écran, cliquez sur double_arrow Autres panneaux, puis sélectionnez Mémoire dans la liste déroulante.
• En haut à droite, sélectionnez more_vert Plus d'options > Plus d'outils > Mémoire.