Um bom site – você sabe quando o vê, certo? Você nunca percebe nenhum tempo de carregamento, ele está disponível sempre que você precisa e, é claro, não há erros em lugar nenhum. Mas medir o desempenho do seu site é complicado, e melhorá-lo é ainda mais complicado.
Este tutorial mostra como usar o New Relic para melhorar a experiência do seu site. Para começar, você instrumentará seu site. Instrumento significa adicionar algum código JavaScript que mede a experiência real do usuário final para cada visita. A partir daí, você aprenderá como avaliar o desempenho do seu site hoje, onde pode melhorá-lo e como pode ficar de olho no futuro.
Depois de instrumentar seu site, você poderá obter insights sobre o desempenho dele ao longo do tempo.
Capture dados de desempenho sobre seu site
Antes de melhorar o desempenho do seu site, você precisa de dados para tomar decisões informadas sobre as necessidades do seu site. O monitoramento da New Relic sempre começa com um integration ou um trecho de código que coleta dados de uma tecnologia relevante e os reporta à New Relic.
Para monitor o front-end do seu site, você vai querer usar nossa integração browser monitoring agent. É um pequeno trecho de JavaScript que você incluirá em seu HTML <head>, muito semelhante ao Google Analytics ou outro script.
Há duas maneiras básicas de instalar o agente :
Você pode implantar o agente sozinho copiando e colando o trecho JavaScript em qualquer parte do seu código que gere o <head> para sua página da web.
Se você estiver monitorando seu backend com um de nossos agentes APM, ele poderá injetar automaticamente o agente de monitoramento do browser na parte apropriada de sua página web.
Analise o desempenho do site
Depois de instrumentar seu site, você poderá ter uma visão geral do desempenho dele com diferentes tipos de dados.
Core web vitals
. São métricas que fornecem insights sobre a experiência do usuário do seu site. Pontuações baixas geralmente indicam uma experiência ruim, o que pode deteriorar seu relacionamento com o usuário final.
High latency
. Isso pode frustrar o seu usuário e fazer com que ele pare de usar o seu site.
JavaScript errors
. Isso pode causar vários problemas em seu site, e qualquer um deles pode impactar negativamente a experiência de front-end de seus clientes. A New Relic dedica uma página
JS errors
inteira para seus aplicativos integrados.
Benchmarks
. O desempenho do site pode cair abaixo dos níveis aceitáveis sem necessariamente causar erros graves. Você pode criar uma referência de nível de serviço para ajudar a monitorar o desempenho de seus sites e identificar problemas antes que se tornem problemas.
Pronto para trabalhar no restante do tutorial?