Monitoreo del desempeño del front-end

Ruta de evidencia de casos de uso

Frontend Performance Monitoring with SQL: de la implementación a la decisión

Un bucle de medición completo frontend performance monitoring with sql conecta un flujo de trabajo propio, un contrato de evento limitado, un dispositivo controlado y una pregunta sobre la que alguien puede actuar.

1
Establecer el límite
Elija las rutas de productos y las métricas de rendimiento admitidas que importen.
2
Captura el resultado
Begin with frontend_vital_measured, frontend_navigation_completed, frontend_resource_failed and document the grain of each event.
3
probar las filas
Revise los umbrales y muestras a nivel de ruta antes de habilitar las barreras de liberación.
4
Toma la decisión
¿Qué rutas tienen la tasa de muestreo de aprobación más débil?

Aviso del agente

Pega esto en tu agente de codificación

Reemplazar YOUR_API_KEY después del registro, solicite al agente que ejecute el flujo del producto y verifique los primeros eventos.

aviso del agente

Mensaje de configuración Frontend Performance Monitoring withSQL

text

Rendimiento de la interfaz del instrumento con Telemetry.

Utilice /skill.md y esta clave API Telemetry: YOUR_API_KEY

Agregue eventos frontend_vital_measured escritos con route_template, release, metric_name, metric_value, metric_unit, threshold_version, passed, device_class y environment.

Cree SQL y un panel para el recuento de muestras, LCP, INP, CLS y tasa de aprobación de muestras por ruta y liberación. Exigir un recuento de muestra mínimo revisado antes de comparar versiones o habilitar una alerta.

Utilice plantillas de ruta, clases de dispositivos delimitados y umbrales versionados. No registre URL sin formato, cadenas de consulta, contenido DOM, valores de formulario, cookies, tokens de autenticación ni identificadores de usuario sin restricciones.

Pasos de configuración

1Elija las rutas de productos y las métricas de rendimiento admitidas que importen.
2Emita mediciones del navegador escritas con ruta, versión, versión de umbral y entorno.
3Envíe muestras sintéticas aprobadas y reprobadas desde una versión de prueba.
4Revise los umbrales y muestras a nivel de ruta antes de habilitar las barreras de liberación.

Eventos para capturar

frontend_vital_measuredfrontend_navigation_completedfrontend_resource_failedfrontend_release_observed

Preguntas desbloqueadas

¿Qué rutas tienen la tasa de muestreo de aprobación más débil?
¿La última versión de la interfaz cambió LCP, INP o CLS?
¿La regresión es amplia o se limita a una clase de dispositivo revisada?

Puntos de partida del esquema de eventos

Revise el detalle de la fila, el límite de emisión, los tipos requeridos, las clases de privacidad, la carga útil de ejemplo y la lista de verificación de validación antes de adaptar una consulta o fragmento a producción.

Fiabilidad frontal8 campos

browser_performance_observed

Una observación de métrica del navegador de muestra.

inspeccionar contrato

Función relacionada del producto

Continúe este flujo de trabajo en Alertas

Promueva la consulta de confiabilidad revisada a un umbral propio y un flujo de trabajo de respuesta.

Explorar Alertas Revisar la evidencia del cliente

Recetas SQL relacionadas

Responde la siguiente pregunta con SQL

Ejecute la consulta en los campos estructurados de este flujo de trabajo, inspeccione el resultado del ejemplo y convierta una respuesta útil en un panel o alerta.

Explorar todas las recetas

Fiabilidad frontalIntermedio