Catch up on everthing we announced at this year's Firebase Summit. Learn more

Monitorar dados de desempenho no console

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

Rastreie as principais métricas em seu painel

Para saber como suas métricas-chave são tendências, adicioná-los à sua placa de métricas na parte superior do painel de desempenho. Você pode identificar regressões rapidamente ao ver as mudanças semanais ou verificar se as mudanças recentes em seu código estão melhorando o desempenho.

uma imagem do quadro de métricas no painel de monitoramento de desempenho do Firebase

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

  • Uma melhoria na demora primeira entrada como você mudou quando suas cargas de aplicativos certos arquivos JavaScript
  • A diminuição do tempo para a primeira pintura com conteúdo após a mudança para usar um CDN para ativos
  • A queda no tamanho da carga de resposta para uma solicitação de rede desde que implementou o uso de miniaturas
  • Um aumento no tempo de resposta da rede para uma chamada de API de terceiros durante uma interrupção ecossistema

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

Para adicionar uma métrica para sua placa métricas, vá para o painel de desempenho no console Firebase, em seguida, clique na guia Dashboard. Clique em um cartão de métrica vazio e selecione uma métrica existente para adicionar ao seu quadro. Clique em um cartão métrica povoada para mais opções, como para substituir ou remover uma métrica.

O quadro de métricas 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 no intervalo de tempo selecionado, bem como o valor mais recentemente coletado da métrica. A declaração no topo do quadro de métricas é uma interpretação da mudança percentual.
  • Por padrão, o quadro de métricas exibe o valor mediano 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 da página 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 quadro de métricas 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ê está acompanhando primeiro atraso de entrada de uma página (um valor que deve ser pequeno). Se esse valor estiver aumentando, o quadro de métricas exibe 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 de métricas exibe a porcentagem em verde ou cinza, respectivamente.

Se uma métrica não tem um sentido de tendências desejada óbvio, como o tamanho da carga de resposta para uma solicitação de rede, em seguida, as métricas embarcar sempre exibe variação percentual da métrica em cinza, independentemente da forma como os dados são tendências.

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.



Ver traces e seus dados

Você pode ver todos os vestígios de seu aplicativo na tabela de traços, que fica na parte inferior do painel de desempenho . A tabela agrupa cada tipo de rastreamento em uma subguia apropriada. Por exemplo, todos os vestígios solicitação de rede são listados sob a pedidos sub-seção de rede.

A tabela de traços exibe os valores de algumas métricas principais para cada traço, junto com a mudança percentual para o valor de cada métrica. Estes valores são calculados com base nas selecções do percentil e tempo definido intervalo no topo da aba do painel. aqui estão alguns exemplos:

  • Se você selecionar um percentual de 50% e um intervalo de tempo de Nos últimos 7 dias, então o valor da métrica será a mediana dos dados coletados a partir do dia mais recente, e a variação percentual será a mudança desde 7 dias antes.

  • Se você, em seguida, alterar o intervalo de tempo para últimas 24 horas, em seguida, o valor da métrica será a mediana dos dados recolhidos desde a hora mais recente, e a variação percentual será a mudança desde 24 horas antes.

Você pode classificar a lista de traços em cada subguia pelo valor da métrica ou pela alteração percentual de uma métrica específica. Isso pode ajudá-lo a identificar rapidamente possíveis problemas em seu aplicativo.

Para ver todas as métricas e dados para um traço específico, clique no nome de rastreio na tabela de traços. As seções a seguir desta página fornecem mais detalhes.

Ver mais dados para um traço específico

Se você clicar no nome de um traço na tabela de traços, poderá clicar em várias telas para explorar o traço e detalhar as métricas de interesse. Na maioria das páginas, você pode usar o filtro botão (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
  • Filtrar por URL da página para visualizar dados para uma página específica do seu site
  • Filtrar por tipo de ligação eficaz de aprender uma conexão 3G impactos seu aplicativo
  • Filtrar por País para se certificar de seu local banco de dados não está a afectar uma região específica

Ver todas as métricas coletadas para um rastreamento

Se você clicar no nome de um traço na tabela de traços, verá uma visão geral dos dados do traço em cartões métricos.

Use as opções no canto superior direito da tela para visualizar os dados de forma agregada ou ao longo do tempo.

  • Rede vestígios pedido - Os cartões de métricas disponíveis são tempo de resposta e tamanho da carga de resposta.
  • Vestígios de código personalizado - O cartão métrica duração é sempre disponível (a métrica padrão para este tipo de traço). Se você adicionou qualquer métrica customizada a um rastreamento de código customizado, esses cartões de métrica também são mostrados.
  • Vestígios de carregamento da página - Os cartões de métricas disponíveis incluem primeira pintura, primeira pintura com conteúdo, atraso de entrada em primeiro lugar, e eventos DOM-relacionados.

Visualize informações detalhadas sobre os dados

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