Confira tudo que foi anunciado no Firebase Summit e veja como usar o Firebase para acelerar o desenvolvimento de apps e executar os aplicativos com confiança. Saiba mais

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

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

O Monitoramento de desempenho usa rastreamentos para coletar dados sobre processos monitorados em seu aplicativo. Um rastreamento é um relatório que contém dados capturados entre dois pontos no tempo em seu aplicativo.

Para aplicativos Apple e Android, o Monitoramento de desempenho mede automaticamente o desempenho de renderização de diferentes telas em seu aplicativo. O Monitoramento de Desempenho cria um rastreamento de renderização de tela para cada tela em seu aplicativo. Esses rastreamentos coletam e medem as seguintes métricas:

  • Quadros de renderização lenta — Mede a porcentagem de instâncias de tela que demoram mais de 16 ms para renderizar.

  • Quadros congelados — Mede a porcentagem de instâncias de tela que demoram mais de 700 ms para renderizar.

Quadros lentos ou congelados em seu aplicativo podem resultar em desempenho insatisfatório do dispositivo, também conhecido como instabilidade ou atraso. A captura de métricas de quadros de renderização congeladas e lentas pode ajudá-lo a identificar telas com baixo desempenho, oferecendo a capacidade de melhorar o desempenho de renderização de seu aplicativo.

Você pode visualizar dados para rastreamentos de renderização de tela na guia Renderização de tela da tabela de rastreamentos. A tabela de rastreamentos está localizada na parte inferior da página Desempenho do console do Firebase . Para obter mais informações, consulte Rastrear, exibir e filtrar dados de desempenho .

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

Esses rastreamentos são rastreamentos prontos para uso, portanto, você não pode adicionar métricas personalizadas ou atributos personalizados a eles.

Quadros de renderização lentos e quadros congelados são calculados com uma taxa de atualização de dispositivo assumida de 60Hz. Se a taxa de atualização de um dispositivo for inferior a 60 Hz, cada quadro terá um tempo de renderização mais lento porque menos quadros são renderizados por segundo. Tempos de renderização mais lentos podem fazer com que quadros mais lentos ou congelados sejam relatados porque mais quadros serão renderizados mais lentamente ou serão congelados. No entanto, se a taxa de atualização de um dispositivo for superior a 60Hz, cada quadro terá um tempo de renderização mais rápido. Isso pode fazer com que menos quadros lentos ou congelados sejam relatados. Esta é uma limitação atual no SDK do Monitoramento de Desempenho.

Quadros de renderização lentos

Essa métrica é a porcentagem de sessões de usuário que experimentaram uma quantidade notável de renderização lenta para uma tela específica. Especificamente, essa métrica é a porcentagem de instâncias de tela durante as quais mais de 50% dos quadros levaram mais de 16 ms para renderizar.

Quadros congelados

Essa métrica é a porcentagem de sessões do usuário que experimentaram uma quantidade notável de quadros congelados para uma tela específica. Especificamente, essa métrica é a porcentagem de instâncias de tela durante as quais mais de 0,1% dos quadros levaram mais de 700 ms para renderizar.

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

  • Inicia para cada UIViewController no keyWindow quando o aplicativo chama viewDidAppear: .

  • Para quando o aplicativo chama viewDidDisappear: .

Observe que os rastreamentos de renderização de tela não capturam controladores de exibição de contêiner canônicos.

Acompanhe, visualize e filtre dados de desempenho

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

Acompanhe as principais métricas em seu painel

Para saber quais são as tendências de suas principais métricas, adicione-as ao quadro de métricas na parte superior do painel Desempenho . Você pode identificar rapidamente as regressões vendo as alterações semanais ou verificando se as alterações recentes em seu código estão melhorando o desempenho.

uma imagem do quadro de métricas no painel do Firebase Performance Monitoring

Para adicionar uma métrica ao seu quadro de métricas, siga estas etapas:

  1. Acesse o painel Desempenho no console do Firebase.
  2. Clique em um cartão de métrica vazio e selecione uma métrica existente para adicionar ao seu quadro.
  3. Clique em em um cartão de métrica preenchido para obter mais opções, por exemplo, para substituir ou remover uma métrica.

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

Saiba mais sobre como usar o painel .

Veja o desempenho da tela no console

Para visualizar seus rastreamentos, acesse o painel Desempenho no console do Firebase, role para baixo até a tabela de rastreamentos e clique na subguia apropriada. A tabela exibe algumas métricas principais para cada rastreamento e você pode até classificar a lista pela alteração percentual de uma métrica específica.

O Monitoramento de desempenho fornece uma página de solução de problemas no console do Firebase que destaca as alterações de métricas, facilitando o tratamento rápido e a minimização do impacto dos problemas de desempenho nos seus aplicativos e usuários. Você pode usar a página de solução de problemas quando souber sobre possíveis problemas de desempenho, por exemplo, nos seguintes cenários:

  • Você seleciona métricas relevantes no painel e percebe um grande delta.
  • Na tabela de rastreamentos, você classifica para exibir os maiores deltas na parte superior e vê uma alteração percentual significativa.
  • Você recebe um alerta por e-mail notificando sobre um problema de desempenho.

Você pode acessar a página de solução de problemas das seguintes maneiras:

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

Ao clicar em um nome de rastreamento na tabela de rastreamentos, você pode detalhar as métricas de interesse. Clique no botão Filtrar para filtrar os dados por atributo, por exemplo:

uma imagem dos dados do Firebase Performance Monitoring sendo filtrados por atributo
  • Filtre por versão do aplicativo para visualizar dados sobre uma versão anterior ou sua versão mais recente
  • Filtre por dispositivo para saber como os dispositivos mais antigos lidam com seu aplicativo
  • Filtre por país para garantir que o local do banco de dados não esteja afetando uma região específica

Saiba mais sobre como visualizar dados para seus rastreamentos .

Próximos passos