Presupuesto de peso de imágenes en CI: controlar el crecimiento 2025
Definir y hacer cumplir presupuestos (budgets) de tamaño y número de variantes de imágenes desde CI para prevenir regresiones de rendimiento.
Problema
El peso acumulado de imágenes crece silenciosamente provocando degradación de LCP e incremento de costes CDN si no se controla continua y automáticamente.
1. Definición de presupuestos
Tipos:
- Tamaño máximo por categoría (hero, thumbnail, icono).
- Límite total KB por página crítica.
- Nº máximo de variantes por recurso.
- Ratio compresión mínima (original vs optimizada).
2. Métricas rastreadas en CI
| Métrica | Fuente | Herramienta |
|---|---|---|
| Peso hero p95 | Build artefacts | Script interno |
| Total bytes imágenes home | Static export | Análisis sitemap |
| Variantes por imagen | Pipeline gen | Auditor script |
| % Ahorro vs original | Metadatos encode | Registro encode |
3. Flujo CI sugerido
- Generar/optimizar imágenes.
- Extraer metadatos (bytes antes/después, formato, quality).
- Comparar contra thresholds versiónados (JSON).
- Fallar job si excede (con diff legible).
- Registrar historial en artefacto para regresiones.
4. Almacenamiento thresholds
Archivo versionado image-budgets.json (ejemplo pendiente) con categorías y límites; PR modifica y se revisa conscientemente.
5. Estrategias de enforcement
| Estrategia | Ventaja | Riesgo |
|---|---|---|
| Hard fail | Evita regresión pasa desapercibida | Bloqueos falsos positivos |
| Warning + tracking | Flujo menos fricción | Deuda se acumula |
| Degradación progresiva | Ajusta con tendencia | Mayor complejidad |
6. Integración métricas Web Vitals
Correlacionar evolución LCP/INP real usuario (RUM) con cambios peso agregado; ajustar budgets dinámicamente.
7. Comunicación al equipo
Dashboard semanal difunde: top offenders, % uso presupuesto, tendencia 4 semanas.
8. Próximos pasos antes publicación
- Crear ejemplo real JSON budgets.
- Añadir snippet Node para validar diffs.
- Insertar captura dashboard (futuro).
Conclusión
Sin presupuestos explícitos el crecimiento es inevitable. Mecanizar la verificación en CI mantiene la disciplina de rendimiento sin fricción manual constante.