Una de las cosas más importantes que puede hacer para mantener un entorno de producción de alta calidad es asegurarse de tener la telemetría web que necesita para detectar y resolver la mala experiencia del usuario. Esta guía repasa cómo asegurarse de obtener los datos que necesita para optimizar su . Le ayudaremos a asegurarse de que:
- Obtener el máximo valor de los datos que recopila
- Ver oportunidades para optimizar su servicio utilizando los datos reportados
- Capaz de clasificar y solucionar problemas rápidamente
- Obtenga los datos que necesita para crear un panel de KPI empresarial en tiempo real
Ajuste el nombre de la aplicación de su browser y la ubicación de las subcuentas
Primero, deberá asegurarse de que el nombre de su browser y la organización de los datos estén en su lugar. Si es necesario, puede cambiar el nombre de la aplicación de su navegador siguiendo la guía de cambio de nombre. Si tiene datos de múltiples entornos reportados en una aplicación de navegador, puede crear nuevas aplicaciones browser y actualizar el fragmento de JavaScript en sus páginas para informar la aplicación correcta.
Recuerde tener en cuenta lo siguiente al comprobar la organización del monitoreo de su navegador:
- La instrumentación de aplicaciones web de diferentes entornos (dev/qa/producción) debe informar en diferentes aplicaciones browser .
- Qué entorno admite una aplicación browser (como Dev, QA y entorno de producción).
- El propósito de una aplicación browser (cara al cliente, cara interna, sitio web, componente del sitio web, región o regiones, etc.).
Ajustar errores de JavaScript
A continuación, deberá trabajar con sus errores de JavaScript, que afectan negativamente la experiencia del usuario y el SEO al interrumpir el proceso de carga de la página, mostrar errores e impedir que el usuario complete una acción. Primero, asegúrese de que los errores de JavaScript se capturen mediante la UI o NRQL.
Una vez que se haya asegurado de que se informen los errores de JS, verifique que también tengan un log de eventos. El log de eventos muestra la interacción browser , las llamadas AJAX y la traza que condujo a un error de JS. Esto puede ayudarle a solucionar la causa raíz de los errores.
Siga estas instrucciones para solucionar problemas de logs de eventos faltantes.
Finalmente, asegúrese de que sus errores de JavaScript tengan el rastreo de la pila.
Siga estas instrucciones para solucionar problemas del rastreo del stack que falta. O siga estas instrucciones si puede ver las pistas stack pero no puede expandirlas.
Verificar agrupación de vistas de página
A continuación, verifique la agrupación de vistas de página. Las URL de página en la UI Page views se agrupan automáticamente para ayudarle a administrar mejor el rendimiento de la página. El algoritmo que determina la agrupación automática se ejecuta cuando tu aplicación web se instrumenta por primera vez. Si su tráfico web actual es muy diferente al de cuando se implementó la aplicación por primera vez, es posible que esté viendo muy pocos grupos.
Utilice Segment lista de 'permitidos' para ajustar cómo se agrupan las URL de visualización de su página.
Verifique la agrupación de llamadas AJAX
Después de verificar las vistas de su página, debe hacer lo mismo con su agrupación de llamadas AJAX. Las llamadas AJAX están agrupadas para que sea más fácil navegarlas a escala. A veces hay tantas llamadas AJAX que resulta difícil navegarlas por URL de solicitud individual. Utilice la UI o una consulta NRQL para comprobar si necesita ajustar la agrupación AJAX.
Utilice Segment lista de 'permitidos' para ajustar cómo se agrupan sus solicitudes AJAX.
Habilitar rastreo distribuido
A continuación, habilite rastreo distribuido en el navegador para ayudarle a mejorar el rendimiento de AJAX al rastrear las solicitudes desde el backend hasta el extremo final. La información de seguimiento es útil para comprender qué aplicaciones están afectando la experiencia del usuario. Puede utilizar esta información para abordar problemas de servicios usted mismo o delegarla en el equipo responsable.
Configurar despliegue
A continuación, utilice NerdGraph para realizar un seguimiento de los cambios en su aplicación web para que pueda ver el impacto de los cambios que realiza en los KPI de rendimiento, las conversiones y la participación del usuario.
Añadir atributo personalizado
Utilice el atributo personalizado para filtrar y agrupar datos. Aunque los atributos personalizados son opcionales, puedes obtener mucho valor al usarlos. A continuación se muestran los atributos más recomendados, aunque es posible que desee agregar más:
Atributo adicional personalizado para minoristas
Darse cuenta del valor
Al igual que el proceso de monitoreo de servicios, su programa de observabilidad se beneficiará a través de una función de equipo dedicada que piensa críticamente sobre sus expectativas de retorno de su inversión en esfuerzo. La siguiente sección describe un enfoque para estimar los costos y beneficios que debe esperar al incorporar instrumentación web en su práctica de observabilidad.