Application Real-Time Monitoring Service:Monitoramento de frontend do ARMS

Por que usar o monitoramento de frontend?

O acesso dos usuários aos seus serviços envolve três etapas principais: geração da página (estado no servidor), carregamento e execução.

Embora o monitoramento no lado do servidor seja relativamente maduro, os estados de carregamento e execução da página costumam ser negligenciados. Por exemplo:

• Impossibilidade de identificar imediatamente erros encontrados pelos usuários no site.

• Falta de visibilidade sobre as velocidades reais de acesso em diferentes países e regiões.

• Desconhecimento do desempenho e das taxas de sucesso das diversas chamadas assíncronas de dados da aplicação.

Nossa solução

O Monitoramento de Frontend do ARMS captura o desempenho de carregamento da página, exceções de execução, status e latência das chamadas de API. Em seguida, envia esses dados a um servidor de logs para análise em tempo real. Relatórios intuitivos facilitam a identificação e o diagnóstico de problemas com base na experiência real do usuário.

No painel de navegação à esquerda do console do ARMS, escolha Frontend Monitoring para visualizar a página de visão geral. Ela exibe métricas essenciais em cartões, como velocidade de carregamento da página, taxa de erros de JS e taxa de sucesso de API.

Cenários suportados

O Monitoramento de Frontend do ARMS oferece suporte aos seguintes cenários:

• Web/H5

• Weex

• Mini programa do DingTalk

• Mini programa do Alipay

  Mini programa do WeChat

  Outros mini programas

Recursos

Os principais recursos do Monitoramento de Frontend do ARMS incluem:

• Velocidade de carregamento da página

  Mede métricas de desempenho da página, incluindo tempo de primeira renderização, First Contentful Paint (FCP), prontidão do DOM e carregamento de recursos.

• Diagnóstico de erros de JS

  Exibe informações e distribuição de erros de JS e rastreia ações do usuário para localizar a source de cada erro.

• Monitoramento de requisições de API

  Fornece detalhes sobre cada requisição de API, incluindo taxas de sucesso, informações de resposta e latência média para requisições bem-sucedidas e com falha.

• Rastreamento distribuído

  Vincula requisições de API do frontend às chamadas correspondentes no backend e fornece um rastro completo do caminho de execução do código.

Compatibilidade com navegadores e plataformas