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 Memory permite capturar três tipos de perfil. Esses tipos de perfil mostram instantâneos de diferentes perspectivas e oferecem utilidades variadas:
- Snapshot de heap. Os resumos de heap mostram a distribuição de memória entre os objetos JavaScript de sua página e os nós DOM relacionados.
- Instrumentação de alocação na linha do tempo. As linhas do tempo de alocação mostram alocações de memória JavaScript instrumentadas ao longo do tempo. Depois de gravar um perfil, você pode selecionar um intervalo de tempo para ver os objetos alocados dentro dele que ainda estão 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. Fornece boas aproximações de alocações detalhadas pela 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 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 exibe o painel Memory na parte de cima da janela.
Também é possível abrir o painel Memória das seguintes maneiras:
- Na barra de ações localizada na parte de cima, 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 > Memory.