O Google tem o compromisso de promover a igualdade racial para as comunidades negras. Saiba como.
Esta página foi traduzida pela API Cloud Translation.
Switch to English

Monitorar dados de desempenho no console

Rastreie as principais métricas em seu painel

Adicione suas principais métricas ao seu painel para saber como estão as tendências. Você pode identificar regressões rapidamente observando as alterações semanais ou verificar se as alterações recentes em seu código estão melhorando o desempenho.

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

Aqui estão alguns exemplos de tendências que você pode acompanhar:

  • Uma melhoria no atraso da primeira entrada, pois você mudou quando seu aplicativo carrega certos arquivos JavaScript
  • Uma diminuição no tempo para a primeira pintura com conteúdo após a mudança para usar um CDN para ativos
  • Uma queda no tamanho da carga útil de resposta para uma solicitação de rede desde que você implementou o uso de miniaturas
  • Um aumento no tempo de resposta da rede para uma chamada de API de terceiros durante uma interrupção do ecossistema

Cada membro de um projeto Firebase pode configurar seu próprio painel. Você pode rastrear métricas que são importantes para você, enquanto outros membros do projeto podem rastrear conjuntos completamente diferentes de métricas principais em seus próprios painéis.

Para adicionar uma métrica ao seu painel, vá para o painel Desempenho no console do Firebase e clique na guia Painel . Clique em um cartão de métrica vazio e selecione uma métrica existente para adicionar ao seu painel. Clique em em um cartão de métrica preenchido para obter mais opções, como substituir ou remover uma métrica.

O painel mostra os dados métricos coletados ao longo do tempo, tanto na forma gráfica quanto como uma mudança percentual numérica.

  • Cada cartão de métrica exibe a mudança percentual no valor da métrica ao longo do intervalo de tempo selecionado, bem como o valor mais recentemente coletado da métrica. A declaração na parte superior do painel é uma interpretação da mudança percentual.
  • Por padrão, o painel exibe o valor médio da métrica. Se você gostaria de ver como diferentes segmentos de seus usuários experimentam seu aplicativo, selecione um percentil diferente na lista suspensa na parte superior do painel.

O que significam as cores vermelha, verde e cinza?

A maioria das métricas tem uma direção de tendência desejada, portanto, o painel usa cores para exibir uma interpretação de se os dados da métrica estão tendendo em uma direção boa ou ruim.

Por exemplo, digamos que você esteja rastreando o primeiro atraso de entrada de uma página (um valor que deve ser pequeno). Se esse valor estiver aumentando, o painel exibirá a variação percentual da métrica em vermelho, chamando a atenção para um possível problema. No entanto, se o valor estiver diminuindo ou inalterado, o painel exibirá a porcentagem em verde ou cinza, respectivamente.

Se uma métrica não tiver uma direção de tendência desejada óbvia, como o tamanho da carga útil de resposta para uma solicitação de rede, o painel sempre exibirá a mudança percentual da métrica em cinza, independentemente da tendência dos dados.

O que significam as linhas sólidas e tracejadas?

  • linha sólida azul escura - o valor da métrica ao longo do tempo

  • linha tracejada azul claro - o valor da métrica em um momento específico no passado
    Por exemplo, se você selecionar a exibição de um gráfico dos últimos 7 dias e passar o mouse sobre 30 de agosto, a linha tracejada azul clara informará o valor da métrica em 23 de agosto.



Visão geral da guia No dispositivo

Na guia No dispositivo , encontre uma breve visão geral dos rastreamentos de carregamento de página para todas as páginas em seu aplicativo (tabela superior) e quaisquer rastreamentos de código personalizado instrumentados pelo desenvolvedor (tabela inferior).

Saiba mais sobre esses rastros

  • Rastreios de carregamento de página - Estes são rastros coletados automaticamente para cada página de seu aplicativo. Cada rastreamento coleta métricas como a primeira pintura com conteúdo e eventos relacionados ao DOM.

  • Rastreios de código personalizados - são rastros que você instrumenta em seu próprio código para monitorar tarefas específicas ou um conjunto de tarefas. Você pode até adicionar métricas e atributos personalizados a rastreamentos de código personalizados.

Ver mais dados para cada rastreamento

Na guia No dispositivo , você pode clicar em várias telas para explorar um rastreamento e detalhar as métricas de interesse. Na maioria das páginas, você pode usar o botão filtro (canto superior esquerdo da tela) para filtrar os dados por atributo, por exemplo:

uma imagem dos dados do Firebase Performance Monitoring sendo filtrados por atributo
  • Filtre por URL da página para visualizar os dados de uma página específica do seu site
  • Filtre por tipo de conexão efetiva para saber como uma conexão 3G afeta seu aplicativo
  • Filtre por país para garantir que a localização do seu banco de dados não esteja afetando uma região específica

Ver todas as métricas coletadas para um rastreamento

Se você clicar em um traço específico na guia No dispositivo , verá uma visão geral dos dados do traço em cartões métricos.

  • Traços de carregamento de página

    Os cartões de métrica disponíveis incluem primeira pintura , primeira pintura com conteúdo , primeiro atraso de entrada e eventos relacionados ao DOM.

    • Use as opções no canto superior direito da tela para visualizar os dados das métricas agregados ou ao longo do tempo .
    • Clique em Exibir mais em um cartão de métrica para revisar os dados de uma métrica específica com mais detalhes.
  • Traços de código personalizados

    O cartão de métrica Duração está sempre disponível, pois é a métrica padrão para este tipo de rastreamento. Se você adicionou qualquer métrica customizada ao rastreamento de código customizado, esses cartões de métrica também são mostrados.

    • Use as opções no canto superior direito da tela para visualizar os dados da métrica agregados ou ao longo do tempo .
    • Clique em Exibir mais em um cartão de métrica para revisar os dados de uma métrica específica com mais detalhes.

Visualize informações detalhadas sobre os dados

Se você clicar em Exibir mais em qualquer cartão de métrica, poderá revisar informações mais detalhadas sobre os dados coletados e usar recursos de análise mais ricos. Por exemplo, você pode filtrar e segmentar os dados por atributo.



Visão geral da guia Rede

Na guia Rede , encontre uma breve visão geral de todos os seus rastreamentos de solicitação de rede HTTP / S.

Saiba mais sobre esses rastros

Os rastreamentos de solicitação de rede HTTP / S são rastreamentos coletados automaticamente que coletam dados desde o momento em que seu aplicativo emite uma solicitação para um terminal de serviço até que a resposta desse terminal seja concluída. Esses rastreios coletam métricas como tempo de resposta e tamanho da carga útil de resposta .

No console, os dados para rastreios de solicitação de rede são agregados em padrões de URL .

Ver mais dados para cada rastreamento

Na guia Rede , você pode clicar em várias telas para explorar um rastreamento e detalhar as métricas de interesse. Na maioria das páginas, você pode usar o botão filtro (canto superior esquerdo da tela) para filtrar os dados por atributo, por exemplo:

uma imagem dos dados do Firebase Performance Monitoring sendo filtrados por atributo
  • Filtre por URL da página para visualizar os dados de uma página específica do seu site
  • Filtre por tipo de conexão efetiva para saber como uma conexão 3G afeta seu aplicativo
  • Filtre por país para garantir que a localização do seu banco de dados não esteja afetando uma região específica

Ver todas as métricas para um rastreamento

Se você clicar em um padrão de URL específico na guia Rede , verá uma visão geral dos dados de rastreamento em cartões métricos. Os cartões de métrica disponíveis são o tempo de resposta e o tamanho da carga útil de resposta , pois são as métricas padrão para esse tipo de rastreamento.

Use as opções no canto superior direito da tela para visualizar os vários dados agregados ou ao longo do tempo .

Clique em Exibir mais em um cartão de métrica para revisar os dados de uma métrica específica com mais detalhes.

Visualize informações detalhadas sobre os dados

Se você clicar em Exibir mais em qualquer cartão de métrica, poderá revisar informações mais detalhadas sobre os dados coletados e usar recursos de análise mais ricos. Por exemplo, você pode filtrar e segmentar os dados por atributo.