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?