Monitoreo frontal con el navegador de reliquia nueva

Lo que vas a crear

La mayoría de los servicios de análisis operan registrando solo información básica sobre sus usuarios visitantes, por ejemplo. la url visitada, la url de referencia, el sistema operativo de la computadora y el tiempo empleado en la página antes de irse. Es decir, muchos servicios de análisis proporcionan un nivel básico de información, pero ocurre mucho más en el navegador del cliente después de que se carga la página, como las llamadas subsiguientes de Javascript y Ajax. Por lo tanto, hay mucho espacio para la innovación, que es donde el servicio de navegador de New Relic entra en juego.

New Relic es un servicio de monitoreo de rendimiento que se ejecuta con una variedad de tecnologías de servidor e idioma y Browser ejecuta su análisis en las computadoras y dispositivos de sus usuarios en sus navegadores. Al hacerlo, le brinda una imagen de la experiencia de sus usuarios reales con su producto. New Relic Browser es el único producto de monitoreo que hace esto.

New Relic Browser monitorea los datos del ciclo de vida completo de la página mucho más allá de la carga de la página inicial. Para cada carga de la página del usuario final, New Relic captura:

  • Tiempo pasado en la parte frontal (navegador)
  • Código y eventos ejecutados en el navegador (JavaScript, Ajax y las interacciones del usuario final)
  • Tiempo invertido en el back-end (red y aplicación web)
  • Origen geográfico
  • Tipo y versión de navegador, y sistema operativo

Puede ver los datos globalmente a través de todos los usuarios y verlos divididos en segmentos por página web, navegador, sesión de usuario y ubicación.

El navegador puede ayudarlo a identificar problemas del lado del cliente que ningún otro servicio de monitoreo puede. Y puede ayudarlo a identificar y aislar problemas con navegadores, versiones o ubicaciones de red geográfica específicas. De hecho, el equipo de New Relic escribió una publicación en el blog sobre las locuras que descubrió sobre los navegadores de los usuarios finales durante las pruebas beta, como las instalaciones de malware y el comportamiento peculiar de Chrome..

Empezando

Para comenzar, deberá registrarse para obtener su cuenta gratuita en New Relic:


Si ya está utilizando New Relic, quizás de nuestro otro tutorial sobre WordPress y W3 Total Cache, es posible que deba activar el tutorial de Browser Pro. Inicia sesión y busca el botón "agregarme a la versión de prueba de Browser Pro". Esto activará la prueba gratuita de 30 días para las funciones de Browser Pro.

Una vez que haya completado el registro, siga las instrucciones de instalación en la página correspondiente para su registro. Estoy usando Ubuntu 14.04. New Relic ofrece instrucciones de instalación avanzadas para la mayoría de los idiomas.

Para mi instalación de Ubuntu, va así. La instalación de WordPress W3TC New Relic funciona de manera un poco diferente.

Agregue el repositorio apt New Relic:

echo deb http://apt.newrelic.com/debian/ newrelic no libre >> /etc/apt/sources.list.d/newrelic.list

Confíe en la clave GPG de New Relic:

wget -O - http://download.newrelic.com/548C16BF.gpg | Sudo apt-key add - 

Actualice la lista de paquetes locales e instale New Relic:

sudo apt-get update

Si está utilizando la configuración estándar de New Relic, será:

apt-get install newrelic-sysmond

Configurar e iniciar el monitor del sistema. Si está utilizando la configuración genérica de New Relic, haga esto:

nrsysmond-config --set license_key = your-license-key-goes-here 

Inicia el demonio New Relic:

/etc/init.d/newrelic-sysmond start

Cualquiera que sea el enfoque que utilice, reinicie su servidor web:

servicio apache2 recargar

Después de unos minutos, debería ver el mensaje rojo en la página de configuración que indica que los datos fluyen a New Relic desde su servidor. Genial, eh?

Después de esto, puede configurar New Relic Browser. Hay dos maneras de hacer esto:

  1. Puede instalar la aplicación a través de un agente de APM en el back-end y luego habilitar la versión de prueba pro desde la aplicación.
  2. Puede instalar el Nuevo navegador de reliquias a través de un método independiente. Esto generará el código JavaScript que se puede inyectar en el encabezado de una página y que comenzará a recopilar datos del navegador sin necesidad de implementación de back-end..

Ambas opciones están documentadas aquí.

Aprendiendo desde el navegador

Visite la página del producto del navegador para ver los datos que recopila. Navegar por la aplicación del navegador es bastante simple usando el panel del lado izquierdo. Lo muestro a continuación porque lo omití en las capturas de pantalla que siguen (para proporcionar más espacio en pantalla al contenido).

La visión general

La vista general es la vista principal de alto nivel para el navegador, que le ofrece una visión general de los problemas de rendimiento que pueden o no estar ocurriendo. El resumen es un gran lugar para encontrar problemas que merecen una inspección más profunda.

Es esencialmente una vista en tiempo real de las visitas reales a la página, desglosando el rendimiento por el tiempo empleado en la red, el servidor web, el procesamiento DOM y el procesamiento de páginas..

La puntuación de Apdex le proporciona una medida cuantitativa de las experiencias de usabilidad de su sitio en función del tiempo de respuesta, es decir, la proporción de tiempos de respuesta satisfactorios y tiempos de respuesta insatisfactorios..

En la Descripción general, puede hacer clic en cualquier elemento que parezca estar funcionando mal. Lea más sobre el uso de la página de información general.

Rastros de sesión

Los rastreos de sesión le brindan visibilidad de todo el ciclo de vida de una página web, incluidas las interacciones de los usuarios, la carga de activos, los marcos, el tiempo dedicado a las llamadas de Ajax, los errores y mucho más: el seguimiento de la experiencia real de un usuario real de principio a fin.. 

No solo los rastros identifican problemas, sino que también pueden mostrarle lo que hizo el usuario antes y después de que ocurrió el error. 


Los rastros de sesión te ayudan a entender:

  • Cómo experimentan los usuarios la carga de su página, incluido el tiempo para cargar el DOM, el tiempo de espera para completar las solicitudes de Ajax y las interacciones del usuario con la página
  • Cómo las métricas de New Relic reflejan las experiencias de sus usuarios finales
  • La secuencia de JavaScript y los eventos del navegador, que toman más tiempo que otros, y cuando ocurre cada evento
  • Dónde ocurren los cuellos de botella y qué puede estar causándolos
  • Por qué una carga de página puede ser más lenta que otras, al proporcionar el contexto para eventos individuales durante una sesión

Haga clic en cualquier página y obtendrá un desglose detallado de la actividad en la visita de la página de cualquier usuario en particular. Es bastante sorprendente en realidad - y muy útil para diagnosticar problemas. 

Puede ver exactamente lo que estaba ocurriendo en el navegador de un usuario en particular en cualquier momento en particular. Los rastreos de sesión le brindan una visualización detallada e intuitiva de todos los eventos en la sesión del usuario, lo que puede ayudar a identificar áreas problemáticas e identificar soluciones fácilmente. Lea más sobre el uso de rastreos de sesión.

Páginas vistas

Las vistas de página le muestran el rendimiento detallado de las páginas a las que se accede con mayor frecuencia en su sitio:

Cuando profundice, puede ver el rendimiento de los archivos individuales que carga su sitio:

Lea más sobre la interpretación de gráficos de vista de página.

Ajax

La página de Ajax le permite ver qué sucede con las llamadas interactivas que tiene en la página, lo que le ayuda a identificar problemas con la experiencia de sus usuarios cuando recibe llamadas que demoran tiempo o fallan:

Tenga en cuenta que el navegador no registra automáticamente los datos de Ajax. Debe activarlo por aplicación en el área de configuración de New Relic. Lea más sobre el panel de Ajax.

Errores de JavaScript

El panel de control de errores de JavaScript del navegador le permite ver rápidamente qué errores están ocurriendo en su JavaScript de producción en vivo a lo largo del tiempo, en qué navegadores. Puede investigar los errores según la cantidad de veces que ocurrió cada una y la cantidad de cargas de página únicas que encontraron ese error.. 

Esto le permite identificar los errores que afectan las experiencias de los usuarios reales en su sitio; Es una forma especialmente poderosa de conocer los errores de JavaScript que no aparecen en sus propias pruebas, o en los navegadores que podría haber excluido de su banco de pruebas..

Nuevamente, debe activar los informes de javascript en el área de configuración de New Relic y hay algunos problemas con la privacidad y la seguridad con esta función. Asegúrese de leer más sobre el uso del panel de control de Errores de JavaScript antes de activarlo.

Navegadores

El navegador New Relic también le permite ver el rendimiento de su sitio web en diferentes navegadores.

Lea más sobre el uso del panel de navegación de los navegadores..

Geografía

El panel de control de Geografía muestra los puntajes de rendimiento de la experiencia real de los usuarios finales de todo el mundo. Puede seleccionar regiones geográficas específicas, como países o estados, y luego puede obtener información detallada sobre el rendimiento de carga de la página y el rendimiento histórico.

Esto puede ser muy útil para identificar problemas que, de otro modo, serían difíciles de descubrir en la red. Lea más sobre el uso del panel de control de Geografía. 

Mirando hacia el futuro

Espero que hayas encontrado este resumen para ser intrigante. El navegador New Relic trae algunas herramientas de análisis y depuración muy poderosas y sofisticadas al alcance de todos..

La versión de prueba del nuevo Relic Browser Pro dura 30 días. Si bien puede usar el servicio de monitoreo Lite de New Relic Browser gratis (y está incluido con todos los paquetes de New Relic APM), tendrá que actualizarse al plan Pro (desde $ 99 / mes para 500,000 páginas vistas) para mantener el navegador Servicio. También es importante actualizar ocasionalmente New Relic y revisar sus archivos de registro. Consulta la guía de mantenimiento de New Relic..

Si tiene alguna pregunta o sugerencia, por favor publíquela en los comentarios. Si desea mantenerse al día con mis futuros tutoriales de Tuts + y otras series, visite mi página de autor o siga a @reifman.

enlaces relacionados

  • Información del producto New Relic Browser
  • Nueva documentación de navegador de reliquia
  • Cosas locas que encontramos Desarrollando un nuevo navegador de reliquias
  • Usando New Relic para monitorear el rendimiento de WordPress (Tuts +)