Performance

Performance Budgets for Frontend Teams

A budget is only useful when it is enforced in tooling, visible in reviews, and tied to user outcomes.

Budget Scope

Define limits for JS payload, image weight, font cost, and key web vitals. Different route types should have separate targets.

Team Workflow

  • Set baseline metrics per route category
  • Gate CI on budget regressions
  • Surface performance deltas in pull requests
  • Track trend movement per release

Common Pitfalls

Avoid single metric obsession. Balance LCP, INP, and CLS targets with runtime stability and maintainable build strategy.