O painel Memória fornece ferramentas de diagnóstico que permitem ver a distribuição de memória de objetos JavaScript, descobrir e isolar vazamentos de memória, ver um detalhamento da alocação de memória por função e muito mais.
Visão geral
O painel Memória permite capturar três tipos de perfil. Esses tipos de perfil mostram capturas de tela de diferentes perspectivas e oferecem utilitários variados:
- Snapshot de heap. Os instantâneos de pilha mostram a distribuição de memória entre os objetos JavaScript da sua página e os nós DOM relacionados.
- Instrumentação de alocação na linha do tempo Os cronogramas de alocação mostram as alocações de memória JavaScript instrumentadas ao longo do tempo. Depois que um perfil é gravado, é possível selecionar um intervalo de tempo para ver os objetos alocados nele e que continuam ativos até o fim da gravação. Use esse tipo de perfil para isolar vazamentos de memória.
- Amostragem de alocação: Registra as alocações de memória usando o método de amostragem. Esse tipo de perfil tem sobrecarga de desempenho mínima e pode ser usado para operações de longa duração. Ele fornece boas aproximações de alocações detalhadas por pilha de execução do JavaScript.
É possível selecionar uma instância de VM JavaScript para executar cada um desses perfis.
Para saber mais, veja:
Abrir o painel "Memória"
Para abrir o painel Memory:
- Abra o DevTools.
- Abra o menu de comando pressionando:
- macOS: Command+Shift+P
- Windows, Linux e ChromeOS: Control + Shift + P
- Comece a digitar
memory
, selecione Mostrar memória e pressione Enter. O DevTools exibe o painel Memory na parte superior da janela do DevTools.
Também é possível abrir o painel Memória das seguintes maneiras:
- Na barra de ações localizada na parte superior, clique em double_arrow Mais painéis e selecione Memória na lista suspensa.
- No canto superior direito, selecione more_vert Mais opções > Mais ferramentas > Memória.