Presupuestos de rendimiento (limites de velocidad web)

Los presupuestos de rendimiento son una metodología que ayuda a mantener la velocidad de las páginas web en el nivel que definimos. Imaginemos el presupuesto como un límite de valores para diferentes métricas.

Las herramientas que monitorizan los límites de velocidad web nos alertan ante posibles problemas cuando se superan. Esto ayuda a los equipos a seguir y mantener el nivel de velocidad establecido, incluso cuando se añade nuevo contenido o se cambian funciones en la web.

Presupuesto de rendimiento para el valor de la métrica TTFB (respuesta del servidor)

¿Cómo ayudan los límites de velocidad en la optimización de la velocidad?#

Los presupuestos de rendimiento son un conjunto de reglas que aseguran que las páginas permanezcan lo suficientemente rápidas y amigables para el usuario. Los límites funcionan bien con diferentes mediciones – tanto sintéticas como RUM.

Es recomendable seguir los límites de velocidad para todas las métricas importantes. En concreto, recomendamos seguir las métricas del conjunto Core Web Vitals y otras métricas auxiliares. La lista de métricas a seguir debería ser así:

• Time to First Byte (TTFB)
• First Contentful Paint (FCP)
• Largest Contentful Paint (LCP)
• Cumulative Layout Shift (CLS)
• Interactive to Next Paint (INP)
• Total Blocking Time (TBT)

Sin embargo, es esencial tener en cuenta que existen diferencias significativas entre las mediciones sintéticas y RUM.

Las mediciones sintéticas están limitadas a medir métricas durante la carga de la página, lo que significa que los resultados para métricas como INP o CLS no están disponibles o son imprecisos. Por lo tanto, es necesario considerar los resultados sintéticos de CLS en comparación con los datos de usuario (CrUX) como parciales y, en lugar de la métrica INP en sintético, seguir TBT.

¿Por qué recomendamos a todos seguir los Presupuestos de Rendimiento?#

La velocidad de carga de las páginas web afecta directamente a la experiencia del usuario y, por ende, al rendimiento comercial. Una web lenta puede reducir las tasas de conversión y aumentar la tasa de rebote.

Los presupuestos de rendimiento ayudan a lograr este objetivo:

• Mantener un nivel consistente de métricas.
  Al establecer límites, se previenen problemas al implementar nuevas funciones o contenido.
• Automatizar el control.
  Con alertas automáticas sobre problemas, no es necesario monitorizar manualmente constantemente.
• Probar a largo plazo en un entorno estable.
  Al mantener el mismo entorno de prueba, es posible comparar el estado actual y la evolución con cifras históricas.

Si usas herramientas para el monitoreo de la velocidad web (Monitoring), te resultarán útiles los consejos para configurar los límites.

Ejemplo de presupuestos de rendimiento en la herramienta SpeedCurve.

Para un entendimiento más profundo de la configuración de límites de velocidad, recomendamos artículos en MDN, en el blog de SpeedCurve o de Harry Roberts.

Monitoring PLUS aborda los límites de velocidad web de manera diferente#

En nuestro monitoring PLUS, los presupuestos de rendimiento se configuran automáticamente en lugar de seguir el enfoque tradicional.

Los límites de velocidad se encuentran en el informe Watchdog. Watchdog monitoriza diariamente la velocidad de las páginas medidas de tu web. Si alguna métrica clave cambia, Watchdog te alertará.

A diferencia de otras herramientas, Watchdog trabaja sin la necesidad de atención activa y sin inundarte con notificaciones. Así puedes concentrarte en lo que es clave para tus proyectos.

Funcionamiento de Watchdog en el monitoring PLUS.

Explicaremos lo que ves en la imagen:

1. La métrica LCP mejoró, por lo que se recalculó automáticamente a valores más bajos.
2. Ocurre un empeoramiento brusco de la métrica.
3. Si no es un cambio temporal, Watchdog envía una alerta.
4. Incluso después de dos semanas, no se ha corregido, por lo que Watchdog recuerda el nuevo nivel para monitorizar la métrica LCP.

¿Qué decir para concluir? La velocidad web tiende a deteriorarse. La metodología de Presupuestos de Rendimiento sirve para mantener el nivel existente y monitorizar cambios. La característica más esencial del monitoreo es la habilidad de controlar estos límites y alertarte sobre posibles problemas.

Si superas los límites y necesitas identificar qué cambió exactamente, Lighthouse Diff te ayudará: una herramienta para comparar visualmente dos informes de Lighthouse.