Saiful Khan

Building the future through software

Initializing portfolio0%
Skip to content
All writing

Performance · 7 min read

Designing for latency budgets, not page speed scores

Optimising for a score produces late-stage patches. Optimising for a budget produces architecture. The difference shows up the moment traffic becomes uneven.

Start by assigning a millisecond allocation to each layer: edge resolution, data fetch, render, hydration. Any layer that exceeds its allocation is a design defect, not a tuning task.

Enforce the budget in CI against production-like traffic. A regression that never reaches a release branch never becomes an incident.

budget({
  ttfb: 100,
  lcp: 1200,
  inp: 200,
}).enforce({ on: "pull_request" })
  • Performance
  • Architecture
  • Core Web Vitals