• /
  • EnglishEspañolFrançais日本語한국어Português
  • EntrarComeçar agora

Esta tradução de máquina é fornecida para sua comodidade.

Caso haja alguma divergência entre a versão em inglês e a traduzida, a versão em inglês prevalece. Acesse esta página para mais informações.

Criar um problema

Introdução ao monitoramento de aplicativo de página única (SPA)

New Relic oferece monitoramento de aplicativo de página única (SPA) para fornecer visibilidade mais profunda e insights acionáveis sobre a interação real do usuário com aplicativos de página única.

O recurso SPA monitora navegações suaves automaticamente, e nossa API SPA permite que você modifique a interação. Os desenvolvedores e suas equipes podem usar a API para:

  • Acompanhe as jornadas dos usuários por meio de caminhos de URL em seu SPA.
  • Monitor as taxas de transferência e o desempenho que o usuário real está experimentando.
  • Solucione e resolva problemas no contexto do carregamento da página.
  • consulte seus dados para auxiliar nas decisões de negócios.
  • Leve aplicativos melhores ao mercado com mais rapidez.

Habilitar monitoramento de SPA

O monitoramento do SPA é habilitado por padrão para a instalação do novo agente browser. A versão do agente habilitada para SPA dá acesso a outros recursos poderosos do New Relic, como distributed tracing. Para obter mais informações, consulte Habilitar monitoramento do browser.

Compatibilidade

Para obter informações de compatibilidade sobre recursos relacionados ao SPA, consulte Requisitos do SPA.

Analisar taxas de transferência e dados de desempenho

BrowserInteraction evento aciona a guia de visualizações de página da interface sempre que o SPA está habilitado. Tanto o carregamento inicial da página (navegação rígida) quanto as alterações de rota (navegações suaves) são exibidos.

browser_SPA.png

one.newrelic.com > All capabilities > Browser > (select an app) > Page views: Use o monitoramento do SPA do browser para examinar as taxas de transferência e o desempenho do seu aplicativo de arquitetura SPA.

O monitoramento de dados do SPA por monitoramento de Browser inclui:

  • Dados de desempenho e taxas de transferência para carregamentos de páginas e alterações de rota
  • Dados de solicitação AJAX
  • Atualizações dinâmicas de página, monitore usando a API SPA

Com esses dados, você terá uma compreensão clara de como sua experiência do usuário carrega a página do seu aplicativo e altera as rotas, além de poder solucionar gargalos e solucionar erros. Para obter mais informações sobre como o New Relic lida com dados SPA, consulte Compreender a coleta de dados SPA.

Recurso SPA do browser

Aqui está um resumo do recurso de monitoramento do SPA:

Single-page app monitoring

Take advantage of these features

Visualizações robustas na interface do browser

Quando um usuário inicia um evento de interação, o New Relic rastreia o tempo até que o caminho da URL mude e o próximo quadro seja repintado.

Quando o monitoramento do SPA está ativado, a páginaPage views no browser mostra dados orientados por eventos sobre níveis de uso do aplicativo (taxas de transferência) e experiência do usuário (desempenho), incluindo:

  • Gráficos com detalhes detalhados sobre o desempenho do carregamento inicial da página, alterações de rota e desempenho histórico

  • Opções de classificação, pesquisa e filtro, incluindo atributo personalizado

  • Dados adicionais detalhados de AJAX para todos os carregamentos iniciais de páginas e alterações de rota

    Para obter uma explicação de como o monitoramento do SPA afetará o uso de dados da sua conta de browser existente, consulte SPA e uso de dados do browser.

Análise de dados com métricas e eventos

Métrica e evento suportam dois tipos de eventos específicos do SPA: BrowserInteraction e AjaxRequest, que podem ser associados ao primeiro ao usar o agente do SPA. Você pode consultar esses eventos no criador de consulta para analisar o desempenho do seu aplicativo e tomar decisões de negócios.

Anteriormente, BrowserTiming também existia, mas agora está obsoleto.

Dados personalizados da API

Use APISPA para obter os dados específicos que você precisa, como nomenclatura personalizada, tempo personalizado ou outros atributos personalizados.

Copyright © 2025 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.