Performance Budget

Definir los limites máximos que pueden tener ciertos archivos para no superarlos

¿Qué quiere decir esto?

Conjunto de métricas que pueden afectar el rendimiento. Cada app debería tener un limite para no bajar la performance con nuevas iteraciones, algunos ejemplos de budgets a medir

1. Bundle size

2. Total request que se envían

3. Time to interactive

Bundle Size

El mas conocido para medir el size de ciertos archivos es bundlesize el cual permite definir el tamaño máximo de ciertos archivos para que no afecte la performance, se puede agregar como un paso más al check de nuestro flow.

Se define el budget por ejemplo

"bundlesize": [ 
   { 
     "path": "./lib/mi_lib.js", 
      "maxSize": "15 kB", 
      "compression": "brotli" 
   }, 
   { "path": 
       "./lib/mi_lib.css",
       "maxSize": "12 kB", 
       "compression": "brotli" 
   } 
]

Lighthouse ya permite esta funcionalidad mas info en https://developers.google.com/web/tools/lighthouse/audits/budgets