Performance Budget

Advanced Ecosystem 🟡 Mid

Definition

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.

Termes lies

#performance#ci-cd