Nossa interface Session traces fornece um cronograma detalhado do evento de carregamento e interação durante o ciclo de vida completo de uma página da Web, por até dez minutos. Depois de selecionar o URL da sessão ou o ID da sessão de rastreamento, você pode usar a visualização detalhada em cascata e a visão geral do mapa de calor para examinar métricas e identificar problemas relacionados a:
- Tempo de carregamento da página
- Cargas de ativos individuais
- Interação do usuário
- Solicitações AJAX
- Retorno de chamada
- Erros e outros eventos durante a sessão
Identificar problemas e soluções
Vá para one.newrelic.com > Browser > (select an app) > Session traces: Aqui está um exemplo de algumas das riquezas de informações que você pode explorar em uma sessão de rastreamento.
Trace da sessão ajuda você a entender:
Problemas | Use dados de rastreamento da sessão para fazer isso. |
---|---|
Problemas backend | Veja quanto tempo leva desde o início da solicitação até o término da atividade backend e o início do processo de carregamento do DOM. |
Problemas de tempo de carregamento da página | Explore dados que ajudam você a responder perguntas como:
|
Core web vitals | Observe os segmentos de tempo de interação para a próxima pintura e a pintura de maior conteúdo para identificar problemas de desempenho que afetam seus core web vitals. |
Evento JavaScript | Examine a sequência de JavaScript e eventos do browser para entender:
|
Erros | Classifique ou filtre os erros para ver quais padrões surgem. Por exemplo, você pode verificar se os erros aumentam com base em:
|
Ao conectar o desempenho à experiência do usuário e a interação ao desempenho, a capacidade de ver todos os eventos na sessão do usuário pode ajudá-lo a identificar áreas problemáticas e identificar soluções. Você também pode criar um link permanente para compartilhar essas informações com outras pessoas.
Iniciar
Para utilizar nosso recurso de rastreamento da sessão, certifique-se de estar utilizando o agente do tipo Pro ou Pro+SPA para monitoramento de Browser. Se você estiver usando vários nomes para um aplicativo, o trace da sessão reportará apenas ao aplicativo mais específico.
O monitoramento de Browser captura aleatoriamente rastreamento apenas de browsers que suportam a API Resource Timing. trace da sessão são amostrados aleatoriamente e armazenados a uma taxa de 90/hora. Você pode percorrer até 500 rastreamentos por vez.
Selecione um trace da sessão
one.newrelic.com > All capabilities > Browser > (select an app) > Session traces: pesquise por URL ou ID de rastreamento da sessão ou classifique qualquer coluna e clique no link para usar os detalhes interativos do rastreamento da sessão.
Para selecionar um trace específico da sessão:
Vá para
one.newrelic.com > All capabilities > Browser > (select a browser app) > Session traces
.
Para limitar o índice a uma URL específica ou ID de rastreamento da sessão, use a janela de pesquisa.
Para procurar outros padrões, altere a ordem de classificação em qualquer coluna.
Clique no link trace da sessão e use a página de detalhes para obter informações detalhadas.
Para uma análise mais profunda, você também pode consultar atributos como session
, sessionTraceId
, largestContentfulPaint
, etc. Para mais informações, consulte nossa documentação sobre monitoramento de dados de eventos do Browser bem como nosso dicionário de dados.
Definições de segmento de sessão
Para aplicativos que foram implantados usando o método copiar/colar no New Relic, o monitoramento do browser inclui aplicativo da web e tempo de fila em Network
tempo como parte do processo de tempo de carregamento da página. Isso ocorre porque o monitoramento do browser depende do agente do lado do servidor para passar os valores da aplicação para o agente browser por meio de injeção automática.
Você pode visualizar informações detalhadas sobre como esse tempo backend é dividido do ponto de vista do browser. O trace da sessão reporta todos os eventos relacionados à rede disponíveis, para que você possa ver caso a caso como o browser gasta tempo em pesquisas de DNS e outros eventos de rede.
As medições de cada segmento indicam quanto tempo de sessão o segmento terminou. Por exemplo, se Page load
for 6.9s
, isso significa que o evento de carregamento da página foi concluído 6,9 segundos após o início da solicitação.
A tabela a seguir descreve cada segmento do trace da sessão, com link para o dicionário de dados para mais detalhes sobre esses atributos.
Segmento de sessão | Descrição |
---|---|
O momento desde o início da solicitação até o término da atividade backend e o início do carregamento do DOM. | |
O horário desde o início da solicitação até o término do processamento do DOM. | |
O horário desde o início da solicitação até o disparo do evento de carregamento da página. | |
O horário desde o início da solicitação até o término da atividade AJAX. | |
O horário desde o início da solicitação até o momento em que a primeira atividade do usuário foi registrada, como um clique do mouse ou uma rolagem. | |
Core web vitals: mede a rapidez com que uma página da web responde visualmente às ações do usuário, como cliques ou toques. | |
Core web vitals: o tempo de renderização do maior elemento de conteúdo visível na janela de visualização. | |
A duração total da sessão. |
Execução e repintura lenta de JavaScript
Trace da sessão ajuda a identificar o retorno de chamada em seu código JavaScript que é executado lentamente e bloqueia a execução de chamadas subsequentes na thread principal do browser. Essas chamadas devem ser executadas rapidamente para permitir que o browser redesenhe rapidamente a página em resposta às ações do usuário.
Trace da sessão destaca qualquer retorno de chamada maior que 33ms. Se chamado em rápida sucessão (como dentro de um loop requestAnimationFrame
), o retorno de chamada com duração superior a 33 ms reduz a taxa de quadros para menos de 30 quadros por segundo. Essa velocidade parece lenta para o usuário.