Administración de operaciones

Monitoreo de rendimiento frontend con Amazon CloudWatch RUM - Real User Monitoring

Recopile en tiempo real tiempos de carga de página, Web Vitals, errores JS y errores HTTP simplemente insertando un snippet de JavaScript. Visualice la calidad del frontend con session replay y eventos personalizados.

約 4 分で読めます

Descripción general de CloudWatch RUM

CloudWatch RUM (Real User Monitoring) es un servicio que monitorea en tiempo real el rendimiento frontend de aplicaciones web. Simplemente insertando un snippet de JavaScript en la página, recopila automáticamente tiempos de carga de página, Web Vitals (LCP, FID, CLS), errores de JavaScript y errores HTTP desde los navegadores de usuarios reales. A diferencia de Synthetic Monitoring (CloudWatch Synthetics) que realiza pruebas sintéticas periódicas con scripts, RUM recopila datos de sesiones de usuarios reales. Puede configurar la tasa de muestreo para controlar el volumen de recopilación de datos, pudiendo recopilar el 100% de todas las sesiones o solo el 10% para reducir costos.

Web Vitals y análisis de rendimiento

RUM recopila automáticamente los Core Web Vitals de Google (LCP: Largest Contentful Paint, FID: First Input Delay, CLS: Cumulative Layout Shift) y muestra puntuaciones de rendimiento por página en el dashboard. El análisis waterfall de carga de página visualiza la duración de cada fase: resolución DNS, conexión TCP, handshake TLS, TTFB (Time to First Byte) y descarga de contenido. La comparación de rendimiento por navegador, SO y región permite identificar problemas de rendimiento que ocurren solo en entornos específicos. También es posible enviar eventos personalizados para rastrear acciones del usuario como clics en botones, envíos de formularios y navegación entre páginas.

Seguimiento de errores e integración con X-Ray

Captura automáticamente errores de JavaScript (excepciones no manejadas, rechazos de Promise) y errores HTTP (respuestas 4xx, 5xx), mostrando en el dashboard la frecuencia de errores, sesiones afectadas y stack traces. Al habilitar la integración con X-Ray, puede obtener trazas de extremo a extremo desde las solicitudes del frontend hasta API Gateway, Lambda y DynamoDB en el backend. Puede rastrear en una sola traza si un error que ocurrió en el navegador del usuario se origina en qué servicio del backend, mejorando significativamente la eficiencia en la identificación de la causa raíz. La integración con Cognito permite identificar sesiones de usuarios autenticados y analizar en detalle la experiencia de usuarios específicos. Para la práctica de monitoreo frontend, libros relacionados en Amazon también son útiles.

Precios de CloudWatch RUM

Los precios de CloudWatch RUM se basan en facturación por uso según el número de eventos recopilados. Aproximadamente $1.00 por cada 100,000 eventos. Una vista de página genera múltiples eventos (carga de página, Web Vitals, errores, etc.), por lo que se estiman aproximadamente 5-10 eventos por vista de página para calcular costos. Reducir la tasa de muestreo reduce costos, pero hay un trade-off con la precisión estadística. Si se habilitan las trazas de X-Ray, se aplican cargos adicionales de X-Ray (aproximadamente $0.000005 por traza).

Resumen

CloudWatch RUM es un servicio que monitorea en tiempo real el rendimiento y errores del frontend simplemente insertando un snippet de JavaScript. La recopilación automática de Web Vitals, el análisis waterfall y las trazas de extremo a extremo con integración X-Ray permiten identificar y resolver rápidamente problemas de experiencia del usuario.

Servicios relacionados

Amazon CloudWatch RUMUn servicio de monitoreo de usuarios reales que recopila rendimiento del lado del cliente y errores de aplicaciones webAmazon CloudWatchUn servicio que proporciona monitoreo, gestión de logs y alarmas para recursos AWS y aplicacionesAmazon CloudFrontUn servicio CDN que distribuye contenido a alta velocidad desde ubicaciones de borde en todo el mundo

Artículos relacionados

Construcción de un panel de observabilidad integrado con Amazon Managed GrafanaSe presenta la metodología para construir un panel de observabilidad multi-fuente integrando fuentes de datos de CloudWatch, Prometheus y OpenSearch.Automatización de la gestión de certificados SSL/TLS con AWS Certificate Manager - Desde la emisión hasta la rotaciónExplicamos la emisión gratuita de certificados públicos con ACM, la validación DNS, la renovación automática y el despliegue en ALB y CloudFront.Desarrollo de aplicaciones web full-stack con AWS Amplify - Despliegue con integración Git y construcción de backendConstruya entornos de despliegue automático por rama con integración GitHub, y defina autenticación, API y almacenamiento en TypeScript con Backend Gen 2. También compatible con SSR de Next.js.

Más sobre este tema

El mecanismo de sincronización horaria interna de AWS - Amazon Time Sync Service y el diseño de smearing de segundos intercalaresExplicamos el mecanismo de Amazon Time Sync Service operado de forma independiente por AWS, la fuente de tiempo de alta precisión con GPS y relojes atómicos, la decisión de diseño de absorber los segundos intercalares mediante smearing y la importancia de la sincronización horaria en sistemas distribuidos.Centralización de registros de auditoría SaaS con AWS AppFabric - Estandarización OCSF e integración con Security LakeExplicamos la recopilación de registros de auditoría de aplicaciones SaaS con AppFabric, la estandarización al formato OCSF y la construcción de pipelines de análisis.Implementación de Feature Flags con AWS AppConfig - Despliegue seguro de configuración y rollbackDespliega cambios de configuración de forma independiente al código mediante estrategias Linear y Exponential. Garantiza la seguridad con rollback automático activado por alarmas de CloudWatch.Revisión de arquitectura - Evaluación sistemática de cargas de trabajo con AWS Well-Architected ToolExplica la revisión de arquitectura de cargas de trabajo usando AWS Well-Architected Tool. Presenta la evaluación basada en 6 pilares, la elaboración de planes de mejora y el uso de lentes personalizados.Diseño y operación de logs de auditoría - Registro completo de actividad API con CloudTrailExplica las técnicas de diseño de logs de auditoría con AWS CloudTrail, el registro de actividad API, el almacenamiento a largo plazo en S3 y la respuesta de cumplimiento mediante integración con Config.Lecciones de sistemas distribuidos de los informes de incidentes (COE) de AWS - Principios de diseño que cambiaron las grandes interrupciones del pasadoA partir de los Correction of Errors (COE) e informes de incidentes publicados por AWS, explicamos las causas raíz de grandes incidentes pasados como la interrupción de S3, la interrupción de DNS en us-east-1 y la interrupción de Kinesis, y cómo cambiaron los principios de diseño de AWS.El diseño de tags determina las operaciones - Curiosidades y reglas de nomenclatura prácticas de la estrategia de tags de recursos AWSExplicamos por qué los tags de recursos AWS no son simples etiquetas sino la base de la asignación de costos, control de acceso y automatización, las reglas de nomenclatura de claves de tags, cómo usar el límite de 50 tags y la gobernanza mediante políticas de tags.Por qué existen las cuotas de servicio de AWS - Diseño multitenant que protege la infraestructura compartidaExplicamos que las cuotas de servicio de AWS (antes límites de servicio) no son simples restricciones sino un diseño para proteger a otros clientes en un entorno multitenant, desde el problema del vecino ruidoso, la diferencia entre límites soft y hard, y el trasfondo de las solicitudes de aumento.

Artículos y servicios similares

Trazado distribuido con AWS X-Ray - Análisis de rendimiento de microserviciosVisualiza la ruta completa de solicitudes en microservicios con mapas de servicios y filtra trazas problemáticas con expresiones de filtro. También presentamos patrones de integración con OpenTelemetry.AWS X-RayServicio de rastreo distribuido para analizar y depurar aplicaciones distribuidasAWS X-RayServicio de rastreo distribuido que analiza y depura aplicaciones de microservicios, visualizando el flujo de solicitudes entre servicios e identificando cuellos de botella y erroresLa capacidad de integración del stack de observabilidad de AWS - La transparencia operativa lograda por CloudWatch, X-Ray y CloudTrailComparamos el nivel de integración del stack de observabilidad de AWS centrado en CloudWatch, X-Ray y CloudTrail con Azure Monitor y GCP Cloud Logging, explicando la diferencia en calidad operativa que aportan los tres pilares de métricas, trazas y logs.