Analisar o consumo de recursos e a atividade de thread da interface do usuário (XAML)

Use o Application Timeline profiler para localizar e corrigir problemas de desempenho relacionados à interação com o aplicativo em aplicativos XAML. Essa ferramenta ajuda a melhorar o desempenho do aplicativo XAML mostrando uma exibição detalhada do consumo de recursos dos aplicativos. Você pode analisar o tempo gasto pelo seu aplicativo preparando quadros da interface do usuário (layout e renderização), atendendo solicitações de rede e disco e em cenários como Inicialização de Aplicativos, Carregamento de Página e Redimensionamento do Windows.

Application Timeline é uma das ferramentas que podes iniciar com o comando Debug>Performance Profiler.

Essa ferramenta substitui a ferramenta de Capacidade de Resposta da Interface do Usuário XAML que fazia parte do conjunto de ferramentas de diagnóstico em versões mais antigas do Visual Studio.

Pode utilizar esta ferramenta nas seguintes plataformas:

• Aplicações universais do Windows (no Windows 10 e posterior)
• Windows 8.1
• Windows Presentation Foundation (.NET 4.0 e superior)
• Windows 7

Observação

Você pode coletar e analisar dados de uso da CPU e dados de consumo de energia junto com os dados de ApplicationTimeline. Consulte Executar ferramentas de criação de perfil em compilações de lançamento ou depuração.

Coletar dados da linha do tempo do aplicativo

Você pode criar o perfil de capacidade de resposta do seu aplicativo em sua máquina local, dispositivo conectado, simulador ou emuladores do Visual Studio ou um dispositivo remoto. Consulte Executar ferramentas de criação de perfil em compilações de lançamento ou depuração.

Dica

Se possível, execute o aplicativo diretamente no dispositivo. O desempenho do aplicativo observado no simulador ou através de uma conexão de área de trabalho remota pode não ser o mesmo que o desempenho real no dispositivo. Por outro lado, coletar os dados usando o Visual Studio Remote Tools não afeta os dados de desempenho.

Aqui estão os passos básicos:

1. Abra seu aplicativo XAML.

2. Clique em Debug / Performance Profiler. Você verá uma lista de ferramentas de criação de perfil na janela .diagsession.

3. Selecione Cronograma da Aplicação e clique em Iniciar na parte inferior da janela.

   

   Observação

   Poderá ver uma janela de Controlo de Conta de Utilizador a solicitar a sua permissão para executar VsEtwCollector.exe. Clique Sim.

4. Execute o cenário em que você está interessado em criar o perfil em seu aplicativo para coletar dados de desempenho.

5. Para interromper a criação de perfil, volte para a janela .diagsession e clique em Parar na parte superior da janela.

   O Visual Studio analisa os dados coletados e exibe os resultados.

   

Analise os dados de perfilagem temporal

Depois de coletar os dados de criação de perfil, você pode usar estas etapas para iniciar sua análise:

1. Visualize as informações nos gráficos de utilização de threads da UI e taxa de transferência visual (FPS) e, em seguida, use as barras de navegação da linha do tempo para selecionar um intervalo de tempo que deseja analisar.

2. Usando as informações no de utilização de threads da interface do usuário do ou gráficos de de taxa de transferência visual (FPS), examine os detalhes na visualização detalhes da Linha do tempo do para encontrar possíveis causas para qualquer aparente falta de capacidade de resposta.

Relatar cenários, categorias e eventos

A ferramenta Application Timeline exibe dados de tempo para cenários, categorias e eventos relacionados ao desempenho XAML.

Cronograma da sessão de diagnóstico

A régua na parte superior da página mostra a linha do tempo para informações perfiladas. Essa linha do tempo aplica-se tanto ao gráfico de utilização de threads da interface do utilizador quanto ao gráfico de taxa de transmissão visual . Você pode restringir o escopo do relatório arrastando as barras de navegação na linha do tempo para selecionar um segmento da linha do tempo.

A linha do tempo também exibe todas as marcas de usuário inseridas e os eventos do ciclo de vida de ativação do aplicativo.

Gráfico de utilização de threads da interface de utilizador

O gráfico de barras de utilização de threads da interface do utilizador (%) exibe a quantidade relativa de tempo gasto em uma categoria durante um período de coleta.

Gráfico de taxa de transferência visual (FPS)

O gráfico de linhas Visual throughput (FPS) mostra os quadros por segundo (FPS) na interface do usuário e no thread de composição do aplicativo.

Detalhes da linha do tempo

A visualização de detalhes é onde você passa a maior parte do tempo analisando o relatório. Ele mostra o uso da CPU pelo seu aplicativo categorizado pelo subsistema UI Framework ou o componente do sistema que consumiu a CPU.

Os seguintes eventos são suportados:

Nome	Descrição
Análise	Tempo gasto analisando arquivos XAML e criando objetos. Expandir um nó de de análise de em Detalhes da Linha do tempo exibe a cadeia de dependência de todos os arquivos XAML que foram analisados devido ao evento raiz. Esta dica permite identificar a análise desnecessária de arquivos e a criação de objetos em cenários sensíveis ao desempenho e otimizá-los.
Layout	Em aplicações grandes, milhares de elementos podem ser mostrados na tela ao mesmo tempo. Esta apresentação pode resultar numa baixa taxa de frames da interface do utilizador e, consequentemente, numa resposta deficiente do aplicativo. O evento Layout determina com precisão o custo de disposição de cada elemento (ou seja, o tempo gasto em Arrange, Measure, ApplyTemplate, ArrangeOverride e MeasureOverride). Ele também constrói as árvores visuais que participaram de um passe de Layout. Você pode usar esta visualização para determinar quais árvores lógicas podar ou para avaliar outros mecanismos de adiamento para otimizar o seu passo de layout.
Renderizar	Tempo gasto desenhando elementos XAML na tela.
I/0	Tempo gasto na recuperação de dados do disco local ou de recursos de rede que são acessados por meio da API do Microsoft Windows Internet (WinINet).
Código da App	Tempo gasto na execução de código de aplicativo (usuário) que não está relacionado à análise ou layout.
Xaml Outros	Tempo gasto na execução do código runtime XAML.

Dica

Escolha a ferramenta Uso da CPU juntamente com a ferramenta Linha do Tempo do Aplicativo quando iniciar a análise para visualizar os métodos da aplicação que são executados no thread de interface de utilizador. Mover o código do aplicativo de longa execução para um thread em segundo plano pode melhorar a capacidade de resposta da interface do usuário.

Personalizando detalhes do cronograma

Use a barra de ferramentas de Detalhes da Linha do tempo para classificar, filtrar e especificar as anotações de Detalhes da Linha do tempo para visualizar entradas.

Nome	Descrição
Ordenar por	Ordene por hora de início ou duração dos eventos.
	Adiciona ou remove uma categoria de nível superior Quadro que agrupa eventos por quadro.
	Filtra a lista por categorias selecionadas e a duração dos eventos.
	Permite especificar as anotações para eventos.

Conteúdo relacionado

• blog da equipe do WPF: Nova ferramenta de análise de desempenho da interface do usuário para aplicativos WPF
• Práticas recomendadas de desempenho para aplicativos UWP em C++, C# e Visual Basic
• Otimize o desempenho do aplicativo WPF
• criação de perfil no Visual Studio
• Primeiro olhar para as ferramentas de perfilagem