Convierte limites técnicos en reglas operativas para evitar regresiones en cada release.
Un budget de rendimiento es un contrato técnico de producto: define cuanto puede tardar y pesar cada plantilla.
La teoría importante es preventiva: evita que la deuda crezca en silencio sprint a sprint.
Un budget útil siempre separa contextos (home, listing, detalle, checkout), no usa una cifra global para todo.
Sin enforcement en CI y responsables claros, el budget se convierte en documento decorativo.
Define umbral amarillo (advertencia) y rojo (bloqueo de release).
Incluye peso de terceros como categoria propia para controlar scripts de marketing.
Vincula cada umbral con una métrica de negocio para justificar prioridad.
Convierte limites técnicos en reglas operativas para evitar regresiones en cada release.
Código del tema: const budget = { jsKb: 170, lcp: 2.5 };
Define umbral amarillo (advertencia) y rojo (bloqueo de release).
Incluye peso de terceros como categoria propia para controlar scripts de marketing.
Vincula cada umbral con una métrica de negocio para justificar prioridad.
LCP = 2.5s, JS inicial = 170KB, = 55 requests.
INP = 220ms, imágenes diferidas fuera de viewport.
INP = 180ms, terceros mínimos y diferidos.
Comprueba tus conocimientos con un test sobre WPO (Rendimiento Web).
Test de WPO (Rendimiento Web)