Performance Budget
Advanced Ecosystem 🟡 MidDefinition
Limites maximales définies pour les métriques de performance (taille JS < 200KB, LCP < 2.5s). Bloque le build ou alerte quand les budgets sont dépassés.
Analogie
Un budget financier pour les courses : si vous dépassez, vous devez retirer un article avant de passer en caisse.
Exemple de code
// bundlesize config or CI check
{
"budgets": [
{ "path": "dist/*.js", "maxSize": "200kB" },
{ "path": "dist/*.css", "maxSize": "50kB" },
{ "metric": "LCP", "max": 2500 }
]
}
Cas d'usage
Empêcher la régression de performance en intégrant des garde-fous dans le pipeline CI/CD.
Anti-pattern
Définir des budgets sans les enforcer automatiquement en CI, les rendant purement décoratifs.