Application Real-Time Monitoring Service:Monitoramento Web & H5

Procedimento

1. Faça login no console do ARMS.

2. No painel de navegação à esquerda, escolha Real User Monitoring > Application List. Na barra de navegação superior, selecione uma região.

3. Clique em o nome da aplicação desejada. Visualize os painéis correspondentes nas abas application overview, session tracing, PVs, resource loading, API requests e abnormal statistics.

   Use o seletor de tempo no canto superior direito da página para ajustar o intervalo de consulta.

Visão geral da aplicação

O painel de visão geral da aplicação centraliza as principais métricas da aplicação relacionadas a usuários, páginas e requisições. Essas métricas incluem o número de sessões de usuário, PVs, UVs, recursos, tempo máximo de renderização da página, requisições de API e exceções. Os gráficos de tendência ajudam você a compreender rapidamente o desempenho geral da sua aplicação.

Rastreamento de sessão

O rastreamento de sessão fornece rastreamento de ponta a ponta por nome de usuário ou ID de usuário. Ele reconstrói a jornada do usuário e ajuda você a localizar e analisar a causa raiz de um erro.

A área de filtro rápido contém categorias como Application, Session, Device, System, User e Region. A lista de sessões contém colunas como Session ID, Time, Client IP, Session Duration, View Count, Exception Count, Resource Requests e Resource Errors.

• Na área da caixa de pesquisa, insira um ID de sessão para filtrar as sessões.

• A área de filtro rápido está vinculada à caixa de pesquisa e permite ocultar métricas manualmente.

• Na área do gráfico de agregação, selecione uma métrica e uma dimensão de agregação para visualizar dados específicos. Também é possível exibir os dados como gráfico de colunas, gráfico de linhas, gráfico de pizza ou mapa.

• Na área da lista de sessões, visualize os dados detalhados de cada sessão. Clique em um session ID para ver os detalhes da sessão e explorar informações sobre páginas, recursos e ações do usuário.

  A página de detalhes de carregamento de recursos exibe as seguintes informações:

  • Informações de ambiente: Host Type, Device Type, Country, Province, Device Brand, entre outras.

  • Informações resumidas: Request Method (como GET), Resource Name, Resource URL, Resource Type (como link), Status Code (como 200) e Loading Status.

  • Rastreamento de recursos: Redirect Duration, DNS Query Duration, TCP Connection Duration, SSL Connection Duration, Request Response Duration, Content Transfer Duration, Total Resource Loading Duration e Resource Size.

  • Gráfico de cascata: Exibe a distribuição de duração de cada fase, incluindo consulta DNS, conexão TCP, conexão SSL, resposta à requisição e transferência de conteúdo, em uma linha do tempo.

PVs

A aba PVs fornece dados no nível da página sobre tráfego, Core Web Vitals e métricas essenciais de carregamento. Use esses dados para realizar análises direcionadas com base em uma página específica.

• Na área de filtro rápido, selecione páginas para filtrar os dados.

• Na área de gráficos de tendência, visualize as tendências de visualizações de página, Core Web Vitals e métricas-chave de carregamento. Os Core Web Vitals incluem LCP, FID e CLS. As métricas principais de carregamento incluem FCP, DOM Ready, Time to Interactive (TTI) e Page Fully Loaded.

• Na área da lista de páginas, confira a contagem de visualizações, a duração média e a média de visualizações por usuário para todas as páginas. Clique em o nome de uma página para ver seus detalhes, incluindo análise de tendências e detalhes de visualização.

  Após clicar em o nome de uma página, a aba Trend Analysis exibe as seguintes informações:

  • Métricas resumidas: Visualizações de página, duração média de carregamento, duração média da sessão, média de visualizações por usuário, visitantes únicos, Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative Layout Shift (CLS), porcentagem de visitas lentas e contagem de sessões.

  • Gráficos de linhas de tendência: Visualizações de página (incluindo visitas lentas), métricas de desempenho (FCP, Time to Interactive, DOM Ready, Page Fully Loaded) e duração por fase (consulta DNS, conexão TCP, conexão SSL, resposta à requisição, transferência de conteúdo).

  • Gráficos de linhas dos Core Web Vitals: LCP (limiares: ≤2,5s Bom, >4s Ruim), FID e CLS (limiar: 0,25), cada um mostrando linhas de percentil P75, P90 e P95.

  • Gráfico de cascata de carregamento da página.

Carregamento de recursos

A aba de carregamento de recursos oferece dados no nível do recurso sobre erros, desempenho e requisições para recursos como chamadas de API e ativos estáticos de CDN. Realize análises focadas com base nos dados de um recurso específico.

O painel de filtro rápido permite filtragem por dimensões como Application, Resource, Device, System, User e Region. O gráfico de tendência de duração de carregamento inclui métricas por fase, como Connect, DNS, SSL, Download e Duration.

• Use a área de filtro rápido para selecionar condições de filtragem.

• Nos gráficos de tendência, visualize contagens de carregamento por tipo de recurso e método de requisição, além da duração do carregamento por tipo de recurso.

• Na área da lista de recursos, visualize a URL, tipo, método de requisição, contagem de requisições, contagem de falhas, contagem de lentidão e duração média para todos os recursos. Clique em o nome de um recurso para ver seus detalhes, incluindo análise de tendências e o stack trace.

  Após clicar em o nome de um recurso para acessar sua página de detalhes, clique em na aba Resource Loading Stack. O lado esquerdo mostra a Resource Loading List (incluindo carimbos de data/hora para cada registro de carregamento). Ao clicar em um registro, o painel Basic Information à direita exibe os seguintes campos de desempenho e ambiente:

  • Redirect Duration, DNS Query Duration, TCP Connection Duration, SSL Connection Duration, Request Response Duration, Content Transfer Duration

  • Status Code, Loading Status, Total Resource Loading Duration, Resource Size

  • Device Type, Device Brand, Operating System, Host Type, Host Version

  • User ID, Name, Country, Province, Environment Type

  A parte inferior da página também oferece uma Waterfall View para visualizar a sequência de carregamento dos recursos.

Requisições de API

A aba de requisições de API fornece dados no nível da API, como contagem de requisições, duração e códigos de status. Analise especificamente uma API utilizando esses dados.

• Selecione as condições de filtro na área de filtro rápido.

• A área de gráficos de tendência permite visualizar tendências de contagem de requisições de API e duração das requisições da sua aplicação, bem como a distribuição de códigos de status.

• Na área da lista de requisições de API, confira o método de requisição, contagem de requisições, contagem de erros, contagem de lentidão, duração média da requisição e número de páginas chamadoras para todas as APIs. Clique em o nome de uma requisição de API para ver seus detalhes, incluindo análise de tendências e dados de requisições individuais.

  Na aba Trend Analysis, além das métricas gerais, as seguintes informações também são exibidas:

  • Gráfico de linhas de Request Count: Mostra tendências para contagem de requisições, contagem de requisições lentas e contagem de requisições com erro.

  • Gráfico de linhas de Request Duration: Mostra tendências de duração para cada fase, incluindo Connect, DNS, SSL, Download e Duration.

  • Gráfico de pizza de Status Code: Mostra a porcentagem de requisições por código de status HTTP.

  • Informações de distribuição: Inclui distribuição geográfica, distribuição por versão do aplicativo, distribuição por tipo de rede, distribuição por dispositivo e distribuição por sistema operacional.

  • Lista de usuários: Mostra identificadores de usuário, contagem de requisições, porcentagem de requisições e horário da requisição.

Estatísticas anormais

A aba de estatísticas anormais apresenta dados no nível de exceção, como contagens de exceções, impacto e distribuição. Faça análises direcionadas sobre uma exceção específica.

• Insira uma mensagem de erro JavaScript na caixa de pesquisa para filtrar exceções.

• Defina condições de filtro na área de filtro rápido.

• Visualize tendências do número total de exceções e dos números de páginas, usuários e sessões afetados na área de gráficos de tendência. Também é possível ver a distribuição de tipos de exceção, arquivos ou páginas.

• A área da lista de exceções exibe informações para todas as exceções, incluindo a mensagem, arquivos envolvidos, número de ocorrências, número de páginas afetadas, número de visualizações de página afetadas, número de usuários afetados e número de sessões afetadas. Clique em o nome de uma exceção para ver seus detalhes, incluindo análise de tendências e o stack trace correspondente.

  A aba Trend Analysis contém gráficos de séries temporais para contagem de erros, usuários afetados e páginas afetadas, além de informações de distribuição geográfica, distribuição por versão do navegador, distribuição por tipo de rede, distribuição por dispositivo, distribuição por sistema operacional e distribuição por operadora.

Documentação relacionada

Use também o recurso de exploração de dados para consultar, agregar e rastrear dados rapidamente. Para mais informações, consulte Data exploration.