← Back to journal

Performance budgets that actually ship

How we keep LCP under 2s without sacrificing brand craft on marketing sites.

Why budgets matter

Performance is a product feature. We set LCP < 1.8s and CLS < 0.05 before visual polish lands.

export const budget = { lcp: 1800, cls: 0.05, inp: 100 };

Practical checklist

  • Font subsetting and display: swap
  • Route-level code splitting for dashboards
  • Image CDN with explicit dimensions