Présentation du panneau "Mémoire"

Dale St. Marthe
Dale St. Marthe

Le panneau Memory (Mémoire) fournit des outils de diagnostic qui vous permettent de voir la distribution 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 trois types de profil. Ces types de profils affichent des instantanés sous différents angles et fournissent des utilitaires différents:

  • Instantané de segment 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 indiquent 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 un impact minime sur les performances et peut être utilisé pour des opérations de longue durée. Elle fournit des approximations correctes 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 :

Ouvrir le panneau "Mémoire"

Pour ouvrir le panneau Memory (Mémoire), procédez comme suit:

  1. Ouvrez les outils de développement.
  2. Ouvrez le menu Commande en appuyant sur :
    • macOS: Commande+Maj+P
    • Windows, Linux, ChromeOS: Ctrl+Maj+P Menu de commandes avec
  3. Commencez à saisir memory, sélectionnez Show Memory (Afficher la mémoire), puis appuyez sur Entrée. Le panneau Memory (Mémoire) s'affiche en haut de la fenêtre des outils de développement.

Vous pouvez également ouvrir le panneau Memory (Mémoire) comme suit:

  • Dans la barre d'action située en haut, cliquez sur double_arrow (flèche vers le bas) Plus de 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.