Nossa página Summary ajuda você a solucionar problemas com o desempenho real do browser do usuário do seu aplicativo. Use a página Summary para:
- Obtenha rapidamente core web vitals , incluindo pintura com maior conteúdo (LCP), interação para a próxima pintura (INP) e mudança cumulativa de layout (CLS).
- Veja tendências no desempenho do browser de um aplicativo.
- Solucione rapidamente problemas de tempo de carregamento da página.
- Vá diretamente para outras páginas da interface do browser para examinar problemas e questões com mais detalhes.
- Adicione a condição recomendada do alerta.
Ver a página Resumo
Para visualizar um resumo do desempenho de um aplicativo de browser:
Vá para
one.newrelic.com > All Capabilities
.
Clique
Browser
Selecione um aplicativo de browser.
Use core web vitals para melhorar o SEO
Use os gráficos Core web vitals para entender o desempenho do seu browser de acordo com core web vitalsdo Google. Esses incluem:
- LCP: pintura com maior conteúdo, que mede o desempenho de carregamento
- INP: interação para a próxima pintura, que mede a interatividade entre a entrada do usuário e a resposta do navegador
- CLS: mudança cumulativa de layout, que mede a estabilidade visual na página do browser
Pontuações mais altas podem ajudar sua organização a economizar dinheiro e influenciar o SEO. Pontuações mais baixas podem afetar a percepção do usuário sobre o site da sua organização, o que pode resultar em clientes insatisfeitos ou perda de oportunidades de negócios.
Para saber mais sobre monitoramento core web vitals, consulte nosso Guia de core web vitals.
Avalie a experiência do usuário
Além dos gráficos com core web vitals , avalie sua experiência do usuário com seu aplicativo usando os seguintes dados:
User time on the site
User-centric page load times
e
Longest interaction to next paint by URL
: para obter mais detalhes sobre o processo de tempo de carregamento da página, clique no título do gráfico para ir diretamente para a interface de usuário
Localize problemas de desempenho do browser
Use estes gráficos para ajudar a identificar problemas de desempenho relacionados ao browser:
Initial page load and route change
: este gráfico mostra o tempo de carregamento de uma alteração de URL tradicional resultante de um carregamento ou recarregamento de um URL. Para obter mais detalhes, clique no título do gráfico para ir diretamente para a interface
Throughput
: Este gráfico mostra as taxas de transferência do browser em páginas por minuto (ppm). Se aplicável, este gráfico também mostra dados de aplicativos de página única (SPA). Para obter mais detalhes, clique no título do gráfico para ir diretamente para a interface
Page views with JavaScript errors
: para obter mais detalhes, clique no título do gráfico para ir diretamente para a interface do usuário
Examine problemas causados por outra coisa
Os problemas de desempenho podem estar relacionados ao browser ou a outra coisa. Para obter mais detalhes sobre outros problemas que podem estar afetando o desempenho do browser, examine o seguinte:
Frontend vs. backend
: este gráfico está vinculado ao aplicativo de serviço
conectado. Para obter mais detalhes sobre o rastreamento distribuído, clique no título do gráfico.
First interaction by device type
(computador, tablet ou mobile) e
First interaction by user agent
: para obter mais detalhes, clique no título do gráfico para ir diretamente para a interface do
Related entities
: este widget pode ajudá-lo a determinar se problemas de desempenho podem ser causados por problemas com entidades que possuem conexões com o browser.
View synthetic monitors
: O monitoramento sintético pode simular o tráfego do usuário. Este link pode ajudá-lo a detectar e resolver proativamente interrupções e baixo desempenho relacionados a endpoints críticos antes que seus clientes percebam.
Adicionar condição recomendada do alerta
Através da página de monitoramento de browser Summary você pode adicionar condições de alerta recomendadas para sua entidade.
Consulte a página de lacunas de cobertura de alerta e recomendações de condições se quiser ver mais entidades não cobertas.
Siga estas etapas para adicionar a condição de alerta recomendada:
Abra a página de monitoramento do browser Summary .
Clique em Add recommended conditions.
Escolha uma série de condições de alerta recomendadas.
Clique em Next.
Selecione uma política para ser notificado. Você pode selecionar um existente ou criar um novo.
Clique em Activate conditions.