Dale St. Marthe
O painel Memória oferece ferramentas de diagnóstico que permitem ver a distribuição de memória de objetos JavaScript, descobrir e isolar vazamentos de memória, ter um detalhamento da alocação de memória por função e muito mais.
Visão geral
O painel Memória permite capturar quatro tipos de perfil. Esses tipos de perfil mostram instantâneos de diferentes perspectivas e oferecem diferentes utilidades:
- Instantâneo de pilha: mostra a distribuição de memória entre os objetos JavaScript da página e os nós DOM relacionados.
- Instrumentação de alocação na linha do tempo: mostra 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 objetos que foram alocados dentro dele e continuam ativos ao final da gravação. Use esse tipo de perfil para isolar vazamentos de memória.
- Amostragem de alocação: registra 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 divididas pela pilha de execução do JavaScript.
- Elementos separados: mostra objetos retidos por uma referência JavaScript.
É possível selecionar uma instância de VM JavaScript para executar cada um desses perfis.
Para saber mais, veja:
Abrir o painel do Memory
Para abrir o painel Memória:
- 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 mostra o painel Memória na parte de cima da janela.
Também é possível abrir o painel Memória das seguintes maneiras:
- Na barra de ações na parte de cima, clique em Mais painéis e selecione Memória na lista suspensa.
- No canto superior direito, selecione Mais opções > Mais ferramentas > Memória.