Analisar o uso da memória (JavaScript)

O analisador de memória do JavaScript está disponível no Visual Studio para ajudar você a entender o uso da memória e a localizar vazamentos de memória em seus aplicativos da Windows Store compilados para o Windows usando JavaScript. Há suporte para aplicativos da Windows Phone Store e da Windows Store.

O analisador de memória de JavaScript pode executar estas ações para você:

• Ajudá-lo a encontrar, com rapidez, problemas de uso de memória do seu aplicativo sublinhando os dados mais relevantes.

  Você obtém esses dados em resumos que mostram as diferenças entre dois instantâneos e fornecem links para modos de exibição mais detalhada.

• Fornecer exibições de dominators, tipos e raízes para ajudar a isolar problemas.

• Reduzir informações não acionáveis nos dados heap JavaScript.

  Objetos que não são criados diretamente em seu código de aplicativo são extraídos automaticamente. Você também pode filtrar dados pelo nome do objeto.

Para ver um tutorial que o guie pelo processo de identificação de perda de memória em um aplicativo em funcionamento, consulte Instruções passo a passo: localizar uma perda de memória (JavaScript).

Neste tópico:

Executar o analisador de memória de JavaScript
Verifique o uso de memória
Isolar um vazamento de memória
Exibir resumo do uso de memória em tempo real
Exibir um resumo de instantâneo
Exibir detalhes do instantâneo
Exibir a diferença de um instantâneo
Exibir objetos por dominador
Filtrar dados por identificador
Localizar um objeto na árvore de objetos
Exibir referências de objeto compartilhadas
Mostrar objetos internos
Salvar arquivos de sessão de diagnóstico
Associar o código-fonte com dados de uso de memória
Dicas para identificar problemas de memória

Executar o analisador de memória de JavaScript

Você pode usar o Memory Analyzer quando houver um aplicativo da Windows Store ativo aberto no Visual Studio ou instalado em um computador que esteja executando o Windows 8 ou Windows 8,1.

Para executar o Memory Analyzer

1. Abra o Visual Studio.

2. Se você estiver executando o aplicativo pelo Visual Studio, na lista Iniciar depuração na barra de ferramentas Padrão, escolha o destino de depuração de seu projeto: um Emulador de Windows Phone ou, para um aplicativo da Windows Store, Computador local, Simulador ou Computador remoto.

   Para obter mais informações sobre essas opções, consulte Executar aplicativos da Store pelo Visual Studio.

3. Na barra de menus, escolha Depurar, Desempenho e Diagnóstico.

   Por padrão, o projeto de inicialização atual é analisado. Se desejar alterar o destino da análise, escolha Alterar Destino.

   

   As seguintes opções estão disponíveis para o destino de análise:

   • Projeto de Inicialização. Analisa o projeto de inicialização atual. Se você estiver executando o aplicativo em um computador remoto, escolha esta opção, que é o valor padrão.

   • Aplicativo em execução. Permite selecionar um aplicativo da Windows Store em uma lista de aplicativos em execução. Não é possível usar esta opção ao executar seu aplicativo em um computador remoto.

     Use esta opção para analisar o uso de memória de aplicativos em execução no seu computador quando você não tem acesso ao código-fonte.

   • Aplicativo instalado. Permite selecionar um aplicativo da Windows Store instalado que você queira analisar. Não é possível usar esta opção ao executar seu aplicativo em um computador remoto.

     Use esta opção para analisar o uso de memória de aplicativos instalados no seu computador quando você não tem acesso ao código-fonte. Esta opção também pode ser útil quando você deseja apenas analisar o uso de memória de qualquer aplicativo fora do seu próprio desenvolvimento de aplicativo.

4. Em Ferramentas Disponíveis, marque a caixa de seleção Memória JavaScript e escolha Iniciar.

5. Quando você inicia o Memory Analyzer, a janela de Controle de Conta de Usuário pode solicitar sua permissão para executar o Visual Studio ETW Collector.exe. Selecione Sim.

   Interaja com o aplicativo para testar os cenários relevantes do uso de memória e exibir o gráfico de memória, conforme discutido nas seções a seguir.

6. Alterne para o Visual Studio pressionando Alt+Tab.

7. Para exibir os dados reunidos pelo analisador de memória, escolha Obter Instantâneo de Heap. Consulte Exibir um resumo de instantâneo mais adiante neste tópico.

Verifique o uso de memória

Você pode tentar identificar vazamentos de memória usando diferentes exibições no analisador de memória de JavaScript. Se já suspeitava que seu aplicativo estava com perda de memória, consulte Isolar um vazamento de memória para uma sugestão de fluxo de trabalho.

Use as seguintes exibições para ajudar a identificar vazamentos de memória em um aplicativo:

• Resumo do uso de memória em tempo real. Use o gráfico de uso de memória para procurar aumento repentino do uso de memória ou uso de memória que aumenta de forma contínua, resultante de ações específicas. Use a exibição resumida do uso da memória ativa para tirar instantâneos do heap. Os instantâneos aparecem como uma coleção abaixo do gráfico de uso da memória.

  Dica

  Você verá um aumento no uso de memória quando tirar um instantâneo.Use os resumos de instantâneo para ter uma indicação mais exata do crescimento.

• Resumo do instantâneo. Você pode exibir informações resumidas de instantâneo durante ou após uma sessão de criação de perfil de memória. Use os resumos de instantâneo para acessar detalhes de instantâneo e exibições diferenciais de instantâneo.

  Dica

  Normalmente, as exibições diferenciais de instantâneo fornecem as informações mais úteis sobre vazamentos de memória.

• Detalhes do instantâneo. Mostra dados do uso de memória detalhados para um único instantâneo.

• Diferenciais do instantâneo. Mostra valores diferenciais entre instantâneos. Essas exibições mostram diferenças de tamanho e número de objetos.

Isolar um vazamento de memória

Estas etapas fornecem um fluxo de trabalho que pode ajudá-lo a usar o analisador de memória de JavaScript com mais eficiência. Estas etapas podem ser úteis se você suspeitar de vazamento de memória em seu aplicativo. Para ver um tutorial que o guie pelo processo de identificação de perda de memória em um aplicativo em funcionamento, consulte Instruções passo a passo: localizar uma perda de memória (JavaScript).

1. Abra o aplicativo no Visual Studio.

2. Execute o analisador de memória de JavaScript. Para saber mais, veja Executar o analisador de memória de JavaScript.

3. Execute seu aplicativo com o cenário que deseja testar. Por exemplo, o cenário pode envolver uma grande mutação do DOM, quando uma determinada página estiver carregando ou quando o aplicativo for iniciado.

4. Repita o cenário mais algumas vezes (1 a 4 vezes).

   Dica

   Ao repetir o cenário de teste várias vezes, você pode ajudar a garantir que o trabalho de inicialização seja descartado dos resultados.

5. Alterne para o Visual Studio (pressione Alt+Tab).

6. Obtenha um instantâneo de heap da linha de base escolhendo Obter Instantâneo de Heap.

   A ilustração a seguir mostra um exemplo de um instantâneo de linha de base.

   

   Dica

   Para um controle mais preciso do intervalo entre instantâneos, use o comando console.takeHeapSnapshot no seu código.

7. Troque para o seu aplicativo e repita o cenário que você estava testando (repita apenas uma vez).

8. Alterne para o Visual Studio e obtenha um segundo instantâneo.

9. Troque para o seu aplicativo e repita o cenário que você estava testando (repita apenas uma vez).

10. Alterne para o Visual Studio e obtenha um terceiro instantâneo.

    A ilustração a seguir mostra um exemplo de um segundo e um terceiro instantâneos.

    

    Ao determinar uma linha de base, um segundo e um terceiro instantâneos neste fluxo de trabalho, você pode descartar com mais facilidade as alterações que não estiverem associadas aos vazamentos de memória. Por exemplo, pode haver alterações previstas, como a atualização de cabeçalhos e rodapés em uma página, que criarão algumas alterações no uso da memória, mas tais alterações podem não estar relacionadas aos vazamentos de memória.

11. No terceiro instantâneo, escolha um link para uma das exibições de comparação:

    • Tamanho de heap diferencial (link à esquerda, abaixo do tamanho do heap). Esse texto de link mostra a diferença entre o tamanho do heap do instantâneo atual e o tamanho do heap do instantâneo anterior.

    • Contagem de objetos diferencial (link à direita, abaixo da contagem de objetos). O texto do link mostra dois valores (por exemplo, +1858 / -1765). O primeiro valor representa o número de novos objetos adicionados desde o instantâneo anterior, ao passo que o segundo valor traz o número de objetos removidos desde o instantâneo anterior.

    Esses links abrem uma exibição de comparação dos detalhes do instantâneo dos tipos no heap, classificados pelo tamanho retido ou pela contagem de objetos, dependendo do link aberto.

12. Escolha uma das seguintes opções do filtro Escopo para ajudar a identificar problemas com o uso da memória:

    • Objetos restantes do instantâneo nº 2.

    • Objetos adicionados entre os instantâneos nº 2 e nº 3

    Dica

    Use a exibição filtrada de objetos restantes desde o instantâneo anterior para investigar os vazamentos de memória.Por exemplo, se a contagem de objetos diferencial for de +205 / -195, essa exibição mostrará os 10 objetos restantes, os quais serão as prováveis explicações para os vazamentos de memória.

    A ilustração a seguir mostra uma exibição de comparação dos objetos restantes desde o instantâneo 2.

    

    Na ilustração anterior, vemos que há dois objetos restantes desde o instantâneo anterior. Verifique se esse é o comportamento esperado para seu aplicativo. Caso não seja, isso pode indicar um vazamento de memória.

13. Para ver onde os objetos contidos nas exibições de comparação estão vinculados ao objeto global, o que impede sua coleta como lixo, abra o menu de atalho de um objeto e escolha Mostrar na exibição de raiz. Um número maior de objetos pode ser retido na memória por serem referenciados por um único objeto (ou por poucos objetos) que seja vinculado ao objeto global.

14. Se houver muitos objetos na exibição de objetos restantes, tente isolar ainda mais o período no qual o vazamento de memória está ocorrendo e tire novamente mais três instantâneos. Para isolar ainda mais a perda de memória, use console.takeHeapSnapshot, as marcas de usuárioe outros dados de uso de memória disponíveis no analisador de memória.

Exibir resumo do uso de memória em tempo real

A exibição do resumo do uso de memória em tempo real fornece um gráfico de uso de memória para o aplicativo em execução e uma coleção de todos os quadros de resumo de instantâneos. Nesta exibição, você pode executar tarefas básicas como obter instantâneos, analisar informações resumidas e navegar para outros modos de exibição. Quando a coleta de dados para, o gráfico de memória desaparece e você vê apenas a exibição do Resumo do instantâneo .

O gráfico de memória mostra uma exibição em tempo real da memória do processo do aplicativo, que inclui bytes particulares, a memória nativa e o heap de JavaScript. O gráfico de memória é uma exibição rolável da memória do processo. Veja como ela se parece:

Se tiver adicionado marcas de usuário ao código do aplicativo (consulte Associar o código-fonte com dados de uso de memória), um triângulo invertido aparecerá no gráfico de uso da memória para indicar quando essa seção do código foi alcançada.

Parte da memória mostrada no gráfico é atribuída pelo tempo de execução JavaScript. Não é possível controlar esse uso de memória do seu aplicativo. O uso de memória mostrado no gráfico aumenta quando você usa o primeiro instantâneo e, em seguida, aumenta em níveis mínimos para cada instantâneo adicional.

Exibir um resumo de instantâneo

Para obter um instantâneo de estado atual do uso de memória do aplicativo, escolha Obter Instantâneo de Heap no gráfico de memória. Um quadro de resumo de instantâneo, que aparece no resumo do uso de memória em tempo real (quando o aplicativo está em execução) e o resumo de instantâneo (quando o aplicativo está parado), fornece informações sobre o heap de JavaScript e links para informações mais detalhadas. Se você obtiver dois ou mais instantâneos, um instantâneo fornecerá informações adicionais que comparam seus dados aos dados do instantâneo anterior.

Dica

O analisador de memória de JavaScript força uma coleta de lixo antes de cada instantâneo.Isso ajuda a garantir mais resultados consistentes entre as execuções.

Este é um exemplo de resumo de instantâneo quando se obtém vários instantâneos.

O resumo de instantâneo inclui:

• Título do instantâneo e o carimbo de data/hora.

• Número de problemas em potencial (marcado por um ícone azul de informações). Esse número, se presente, identifica possíveis problemas de memória, como os nós que não estão anexados ao DOM. A contagem é vinculada à exibição Tipos do instantâneo, que é classificada pelo tipo de problema para realçar os possíveis problemas. Uma dica de ferramenta mostra a descrição do problema.

• Tamanho do heap. Esse número inclui elementos DOM e objetos que o mecanismo de tempo de execução JavaScript adiciona ao heap de JavaScript. O tamanho do heap é vinculado à exibição Tipos do instantâneo.

• Tamanho diferencial do heap. Esse valor mostra a diferença entre o tamanho do heap do instantâneo atual e o tamanho do heap do instantâneo anterior. O valor é seguido por uma seta para cima vermelha se houver um aumento de memória ou uma seta para baixo verde se houver uma redução de memória. Se o tamanho do heap não for alterado entre instantâneos, você verá o texto Sem alteração em vez de um número. Para o primeiro instantâneo, você verá o texto Linha de base. O tamanho diferencial do heap está vinculado à exibição Tipos do diferencial de instantâneo.

• Contagem de objeto. Essa contagem mostra apenas objetos criados no seu aplicativo e filtra os objetos internos criados no tempo de execução JavaScript. A contagem de objeto é vinculada à exibição Tipos dos detalhes do instantâneo.

• Contagem diferencial de objeto. Isso mostra dois valores: o primeiro valor é o número de novos objetos adicionados desde o instantâneo anterior, e o segundo valor é o número de objetos removidos desde o instantâneo anterior. Por exemplo, a ilustração mostra que 1.859 objetos foram adicionados e 1.733 objetos foram removidos do Instantâneo 1. Essas informações serão acompanhadas de uma seta para cima vermelha se o número de objetos aumentar, ou de uma seta para baixo verde se o número diminuir. Se a contagem de objeto não for alterada, você verá o texto Sem alteração em vez de um número. Para o primeiro instantâneo, você verá o texto Linha de base. A contagem diferencial de objeto é vinculada à exibição Tipos da diferença do instantâneo.

• Captura da tela no momento em que o instantâneo é obtido.

Exibir detalhes do instantâneo

Você pode exibir informações detalhadas sobre o uso de memória para cada instantâneo nas exibições detalhadas de instantâneo.

Na exibição de resumo de instantâneo, escolha um link para ver os detalhes do instantâneo. Por exemplo, o link de tamanho do heap abre detalhes do instantâneo com a exibição Tipos aberta por padrão.

Esta ilustração mostra a exibição Tipos, em um detalhe do instantâneo, com os dados de uso da memória classificados por tamanho retido.

Na exibição de detalhes de instantâneo, você pode examinar os dados de uso de memória por dominador, tipo ou raiz, escolhendo uma opção da barra de ferramentas:

• Tipos. Mostra a contagem de instâncias e o tamanho total de objetos no heap, agrupados pelo tipo de objeto. Por padrão, eles são classificados pela contagem de instância.

  Dica

  Normalmente, as exibições de comparação dos tipos no heap do objeto são mais úteis para identificar um vazamento de memória, pois oferecem um filtro de Escopo para ajudar a identificar objetos restantes.

• Raízes. Mostra uma exibição hierárquica de objetos desde objetos raiz até referências de filhos. Por padrão, os nós filho são classificados pela coluna de tamanho retido, com o maior na parte superior.

• Dominadores. Mostra uma lista de objetos do heap que têm referências exclusivas a outros objetos. Os dominadores são classificados pelo tamanho retido.

  Dica

  Quando você remove um dominador da memória, recupera toda a memória que o objeto retém.Para alguns aplicativos, a exibição Dominadores pode ajudar a esclarecer os tamanhos de memória retida, visto que é possível analisar toda a cadeia de referência do objeto.

Todas as três exibições mostram os tipos de valores semelhantes, incluindo:

• Identificador(es). Nome que melhor identifica o objeto. Por exemplo, para elementos HTML, os detalhes do instantâneo mostram o valor do atributo ID, se um for usado.

• Tipo. Tipo de objeto (por exemplo, elemento de link HTML ou elemento div).

• Tamanho. Tamanho do objeto, não incluindo o tamanho de nenhum objeto referenciado.

• Tamanho retido. Tamanho do objeto mais o tamanho de todos os objetos filho que não têm outro pai. Para fins práticos, essa é a quantidade de memória retida pelo objeto, então, se você excluir o objeto, recuperará a quantidade de memória especificada.

• Contagem. Número de instâncias de objeto. Esse valor aparece apenas na exibição Tipos.

Exibir a diferença de um instantâneo

No analisador de memória de JavaScript, você pode comparar um instantâneo com o instantâneo anterior nas exibições diferenciais.

Na exibição resumida de instantâneo, você pode exibir os detalhes diferenciais escolhendo os links de tamanho de heap ou de número de objetos diferenciais após a obtenção de dois ou mais instantâneos.

Você pode exibir informações diferenciais sobre dominadores, tipos e raízes. O diferencial de instantâneo mostra todos os objetos que foram adicionados ao heap entre os dois instantâneos.

Esta ilustração mostra a exibição Tipos em uma diferença de instantâneo.

Na janela de diferencial de instantâneo, as exibições Dominadores, Tipos e Raízes são as mesmas que na janela Detalhes do instantâneo . A diferença de instantâneo mostra as mesmas informações dos detalhes do instantâneo, com estes valores adicionais:

• Diferença de tamanho. Diferença entre o tamanho do objeto no instantâneo atual e seu tamanho no instantâneo anterior, não incluindo o tamanho de nenhum objeto referenciado.

• Diferença de tamanho retido. Diferença entre o tamanho retido do objeto no instantâneo atual e seu tamanho retido no instantâneo anterior. O tamanho retido inclui o tamanho do objeto mais o tamanho dos objetos filho que não têm outro pai. Para fins práticos, o tamanho retido é a quantidade de memória retida pelo objeto, então, se você excluir o objeto, recuperará a quantidade de memória especificada.

Para filtrar as informações diferenciais entre os instantâneos, escolha um dos filtros de Escopo na parte superior das exibições de comparação.

• Objetos restantes do instantâneo nº <number>. Esse filtro mostra o diferencial entre os objetos adicionados ao heap e removidos do heap em comparação com o instantâneo de linha de base e o instantâneo anterior. Por exemplo, se o resumo de instantâneo mostrar +205 / -195 na contagem de objetos, esse filtro mostrará a você os 10 objetos que foram adicionados, mas não removidos.

  Dica

  Para mostrar as informações mais úteis nesse filtro, siga as etapas descritas em Isolar um vazamento de memória.

• Objetos adicionados entre os instantâneos nº <number> e nº <number>. Esse filtro mostra todos os objetos adicionados ao heap desde o instantâneo anterior.

• Todos os objetos no instantâneo nº <number>. Essa configuração de filtro não descarta objetos no heap.

Para mostrar as referências de objetos que não coincidem com o filtro atual de Escopo, selecione Mostrar referências não coincidentes na lista de configurações , no canto superior direito do painel. Se habilitar esta configuração, as referências não coincidentes são exibidas em cinza.

Dica

Recomendamos que siga as etapas em Isolar um vazamento de memória e que use os objetos que sobraram do filtro de Escopo para ajudar a identificar os objetos com perda de memória.

Exibir objetos por dominador

Nas exibições Tipos e Dominadores, você pode escolher ver os objetos classificados pelos dominadores (esta é a exibição padrão da guia Dominadores). Ao selecionar esta exibição, somente os dominadores são mostrados na exibição superior dos objetos. (Objetos descendentes de objetos não globais ficam ocultos na exibição superior.) Para alguns aplicativos, isso pode indicar quais objetos estão causando a perda de memória ao reduzir o ruído nos dados.

Para alternar a exibição de objetos por dominador, pressione o botão Classificar objetos por dominador.

Para saber mais sobre dominadores, veja Exibir detalhes do instantâneo.

Filtrar dados por identificador

Nas exibições Dominadores e Tipos, você pode filtrar dados procurando por identificadores específicos. Para procurar por um identificador, basta o nome dele na caixa de texto Filtro de identificador, no canto superior direito. Quando você começar a digitar, os identificadores que não contiverem os caracteres digitados serão removidos.

Cada exibição tem seu próprio filtro. Portanto, o filtro não é preservado quando você alterna para outra exibição.

Localizar um objeto na árvore de objetos

Nas exibições Dominadores e Tipos, você pode ver a relação entre um objeto específico e o objeto Global. Objetos vinculados ao Global não serão coletados como lixo. Você pode localizar facilmente um objeto conhecido na exibição Raízes sem pesquisar a árvore de objeto Global. Para isso, abra o menu de atalho de um objeto na exibição Dominadores ou Tipo e escolha Mostrar na exibição de raiz.

Exibir referências de objeto compartilhadas

Nas exibições Dominadores e Tipos, o painel inferior contém uma lista Referências de objeto que exibe referências compartilhadas. Quando você escolhe um objeto no painel superior, a lista Referências de objeto exibe todos os objetos que apontam para o objeto.

Dica

Referências circulares são exibidas com um (*) asterisco e uma dica de ferramenta informativa e não podem ser expandidas.Do contrário, elas impediriam que você percorra a árvore de referências e identifique objetos que estão retendo memória.

Se você quiser mais ajuda para identificar objetos equivalentes, escolha Exibir IDs de objetos na lista de configurações no canto superior direito do painel superior. Essa opção exibe IDs de objetos ao lado dos nomes dos objetos na lista Identificador(es) (as IDs aparecem em todas as exibições, não apenas na lista Referências de objeto). Os objetos que têm a mesma ID são referências compartilhadas.

A ilustração a seguir mostra a lista Referências de objeto para um item selecionado com as IDs exibidas.

Mostrar objetos internos

Por padrão, as exibições Dominadores e Tipos mostram apenas a objetos criados em seu aplicativo. Isso ajuda a filtrar informações desnecessárias e isolar problemas relacionados ao aplicativo. No entanto, às vezes pode ser útil exibir todos os objetos gerados pelo tempo de execução JavaScript para o aplicativo.

Para exibir esses objetos, escolha Mostrar internos na lista de configurações no canto superior direito do painel.

Salvar arquivos de sessão de diagnóstico

Os resumos de instantâneo de diagnóstico e as exibições detalhadas associadas são salvos como arquivos .diagsession. O Gerenciador de Soluções exibe sessões de diagnóstico anteriores na pasta Sessões de Diagnóstico. No Gerenciador de Soluções, você pode abrir sessões anteriores, remover ou renomear arquivos.

Associar o código-fonte com dados de uso de memória

Para ajudar a isolar a seção de código que tem um problema de memória, use os seguintes métodos:

• Procure nomes de classes e IDs para elementos DOM nas exibições de detalhes e diferenciais.

• Procure valores de cadeia de caracteres nas exibições de detalhes e diferenciais que possam estar associados ao seu código-fonte.

• Use o comando Apresentação na exibição de raiz para percorrer a árvore de objetos. Isso pode ajudá-lo a identificar o código-fonte associado.

• Adicione comandos do analisador de memória ao código-fonte.

Você poderá usar os seguintes comandos em seu código-fonte:

• console.takeHeapSnapshot obtém um instantâneo de heap que aparece no analisador de memória de JavaScript. Este comando é um dos Comandos do Console JavaScript.

• performance.mark define uma marca de usuário (o triângulo invertido) que aparece na linha de tempo do gráfico de memória na exibição resumida durante a execução do aplicativo. Esse comando usa um argumento de cadeia de caracteres que descreve o evento e aparece como uma dica de ferramenta no gráfico de memória. Essa descrição não deve exceder 100 caracteres.

Dica

Use console.takeHeapSnapshot para acelerar a análise ao repetir cenários de uso de memória.

Esses comandos geram uma exceção se você os adiciona ao aplicativo e o executa fora do analisador de memória de JavaScript. No entanto, você pode testar se os comandos existem antes de usá-los. (Os comandos não existem no início da fase de inicialização da sessão.) Para verificar se você pode chamar takeHeapSnapshot com segurança, use este código:

if (console && console.takeHeapSnapshot) {
    console.takeHeapSnapshot();
}

Para verificar se você pode chamar performance.mark com segurança, use este código:

if (performance && performance.mark) {
    performance.mark("message_string");
}

Este é um gráfico de memória com várias marcas de usuário e a dica de ferramenta para a marca de usuário atualmente selecionada, para qual o parâmetro de cadeia de caracteres performance.mark é definido como “dados gerados”:

Dicas para identificar problemas de memória

• Siga o fluxo de trabalho descrito em Isolar um vazamento de memória e use o filtro Objetos que sobraram do instantâneo nº <number> na exibição diferencial para identificar possíveis explicações para as perdas de memória.

• Use Apresentação na exibição de raiz para ver onde um objeto é referenciado na hierarquia da memória. A exibição Raiz mostra como um objeto é vinculado ao objeto global, o que o impediria de ser coletado como lixo.

• Quando a causa de um problema de memória for difícil de identificar, use as diversas exibições (como Dominadores e Tipos) para buscar aspectos em comum, especialmente para ajudar a identificar um objeto (ou alguns objetos) que possam conter referências a muitos dos outros objetos que aparecem na exibição.

• Procurar os objetos retidos acidentalmente na memória depois que o usuário navegar para uma nova página, que é uma causa comum de problemas de memória. Por exemplo:

  • o uso incorreto da função URL.CreateObjectUrl pode causar esse problema.

  • Alguns objetos podem oferecer um método dispose e recomendações para o uso. Por exemplo, você deve chamar dispose em uma WinJS.Binding.List, caso chame o método createFiltered da lista e depois navegue para outra página.

  • Você pode precisar remover um ou mais ouvintes de eventos. Para saber mais, veja Exibir ouvintes de eventos DOM.

• Assista à última parte deste vídeo da conferência Build 2013 sobre o analisador de memória de JavaScript.

• Leia Gerenciando a memória em aplicativos da Windows Store.

• Considere temporariamente modificar o código para isolar problemas. Por exemplo, é possível:

  • Usar os comandos para o Memory Analyzer, console.takeSnapshot e performance.mark. (Consulte Associar o código-fonte com dados de uso de memória.)

    É possível usar esses comandos como auxílio para isolar os problemas que você não pode isolar manualmente obtendo um instantâneo de heap.

  • Crie um objeto de teste e controle-o nas exibições do analisador de memória do JavaScript, por exemplo, na exibição Tipos. Por exemplo, você pode anexar um objeto muito grande a outro objeto para ver se um objeto ou um elemento específico foi coletado como lixo.

Consulte também

Tarefas

Instruções passo a passo: localizar uma perda de memória (JavaScript)