Saiba mais sobre os dados de desempenho de renderização de tela (apps para Apple e Android)

O monitoramento de desempenho usa traces para coletar dados sobre processos monitorados no seu app. Um trace é um relatório que contém dados capturados entre dois pontos no app.

O Monitoramento de desempenho mede automaticamente o desempenho de renderização de diferentes telas em apps Apple e Android. O Monitoramento de desempenho cria um trace de renderização de tela para cada tela no aplicativo. Esses traces coletam e medem as seguintes métricas:

  • Frames de renderização lenta: mede a porcentagem de instâncias de tela que demoram mais de 16 ms para serem renderizadas.

  • Frames congelados: mede a porcentagem de instâncias de tela que demoram mais de 700 ms para serem renderizadas.

Frames lentos ou congelados no app podem resultar em baixo desempenho do dispositivo, também conhecido como instabilidade ou atraso. A captura de métricas de quadro congeladas e lentas pode ajudar a identificar telas com baixo desempenho, o que permite melhorar os resultados de renderização do aplicativo.

É possível visualizar dados de traces de renderização de tela na guia Renderização de tela da tabela de traces. A tabela de traces está localizada na parte inferior da página Desempenho do Console do Firebase. Para mais informações, consulte Acompanhar, visualizar e filtrar dados de desempenho.

Métricas coletadas por traces de renderização de tela

Esses traces estão prontos para uso. Dessa forma, não é possível adicionar métricas ou atributos personalizados a eles.

Frames de renderização lenta

Essa métrica é a porcentagem de sessões de usuários que tiveram uma quantidade perceptível de renderização lenta para uma tela específica. Especificamente, ela indica a porcentagem de instâncias de tela em que mais de 50% dos frames apresentaram um tempo de renderização maior do que 16 ms.

Frames congelados

Essa métrica é a porcentagem de sessões de usuários que observaram uma quantidade perceptível de frames congelados em uma tela específica. Especificamente, ela indica a porcentagem de instâncias de tela em que mais de 0,1% dos quadros apresentaram um tempo de renderização maior do que 700 ms.

Como os traces de renderização de tela são gerados?

Cada trace de renderização de tela é identificado pelo nome do elemento de visualização no aplicativo. O cliente do Monitoramento de desempenho cria traces de renderização de tela para cada Atividade ou Fragmento usado pelo aplicativo.

Cada trace de renderização de tela executa as seguintes ações:

  • É iIniciado para cada atividade e classe de fragmento quando o objeto fica visível na tela. OnActivityStarted() para atividades e OnFragmentResume() para fragmentos.

  • É interrompido em todas as atividades e classes de fragmento quando o objeto não está visível na tela. OnActivityStopped() para atividades e OnFragmentPaused() para fragmentos.

Acompanhar, visualizar e filtrar dados de desempenho

Para ver os dados de desempenho em tempo real, verifique se seu app usa uma versão do SDK do Monitoramento de desempenho compatível com o processamento de dados em tempo real. Saiba mais sobre os dados de desempenho em tempo real.

Acompanhar as principais métricas no painel

Para saber qual é a tendência das suas principais métricas, adicione-as ao seu quadro de métricas na parte superior do painel Desempenho. É possível identificar rapidamente as regressões vendo alterações semanais ou verificar se as mudanças recentes no código estão melhorando o desempenho.

uma imagem do painel de métricas no painel do Monitoramento de desempenho do Firebase

Para adicionar uma métrica ao quadro, siga as etapas a seguir:

  1. Acesse o painel Desempenho no Console do Firebase.
  2. Clique em um card de métricas vazio e selecione uma métrica atual para adicionar ao quadro.
  3. Clique em um card de métricas preenchido para ver mais opções, como substituir ou remover uma métrica.

O quadro de métricas mostra os dados de métricas coletados ao longo do tempo, em forma de gráfico e como uma alteração percentual numérica.

Saiba mais sobre como usar o painel.

Ver o desempenho da tela no console

Para visualizar os traces, acesse o painel Desempenho no Console do Firebase, role para baixo até a tabela de traces e clique na subguia adequada. A tabela mostra algumas das principais métricas para cada trace e é possível até classificar a lista pela alteração percentual de uma métrica específica.

No Console do Firebase, o Monitoramento de desempenho disponibiliza uma página de solução de problemas que destaca mudanças de métricas. Ela facilita a resolução de problemas de desempenho e reduz o impacto deles nos apps e para os usuários. Use essa página ao se deparar com possíveis problemas de desempenho, como os apresentados nos cenários a seguir:

  • Você seleciona métricas relevantes no painel e nota um grande delta.
  • Na tabela de traces, você define uma classificação para mostrar os maiores deltas na parte de cima e vê uma alteração de porcentagem significativa.
  • Você recebe um alerta por e-mail sobre um problema de desempenho.

Para acessar a página de solução de problemas, você tem as opções a seguir:

  • No painel de métricas, clique no botão Visualizar detalhes da métrica.
  • Em qualquer card de métricas, selecione => Ver detalhes. A página de solução de problemas mostra informações sobre a métrica selecionada.
  • Na tabela de traces, clique no nome de algum deles ou em um valor de métrica na linha associada a esse trace.
  • Em um alerta por e-mail, clique em Investigar agora.

Ao clicar em um nome na tabela de traces, é possível mostrar os detalhes das métricas de interesse. Clique no botão Filtrar para filtrar os dados por atributo, por exemplo:

uma imagem dos dados do Monitoramento de desempenho do Firebase sendo filtrados por atributos
  • Filtre por Versão do app para visualizar dados de uma versão anterior ou da versão mais recente.
  • Filtre por Dispositivo para saber como os dispositivos mais antigos lidam com o app.
  • Filtre por País para garantir que o local do banco de dados não está afetando uma região específica.

Saiba mais sobre como visualizar dados dos traces.

Atributos do fragmento

Em apps Android, é possível reutilizar fragmentos com outra atividade ou fragmento. O desempenho de um fragmento pode variar dependendo do fragmento ou da atividade em que o fragmento está sendo renderizado. Use os atributos a seguir para saber informações detalhadas sobre o desempenho de um fragmento no fragmento pai, com base na atividade ou no fragmento a que o fragmento está associado:

Uma imagem do painel do Monitoramento de desempenho de métricas de fragmento
  • Hosting_activity: a atividade que hospeda o fragmento. Permite entender o desempenho do fragmento na atividade de hospedagem.
  • Parent_fragment: o fragmento pai do fragmento que você está analisando. Permite entender o desempenho do fragmento no fragmento pai. Se não houver fragmentos pai, o atributo será definido como Nenhum pai.

Próximas etapas