Performance Budgets: the What, Why and How
summary
Defines a performance budget as concrete metric thresholds agreed by engineering product and design and shows how Eventbrite wires those budgets into monitoring to catch regressions and reward fixes. Demonstrates tools: WebPageTest, SpeedCurve, Lighthouse CI / lighthouse bot, SpeedTracker, Calibre and Rigor. Uses concrete targets and heuristics — the 20% rule, a 3s speed‑index alert example, Google’s 5s TTI on 3G and Smashing’s <1s speed index — and reports that small fixes (lazy‑loading images) produce measurable bounce and conversion wins.
AI-written summary · about
chapters (26)
- 0:00Introduction
- 1:02Web Performance
- 1:57What is Performance Budget
- 2:24Why do you use Performance Budget
- 4:49How to use performance budgets
- 6:38Beat your competitors
- 8:17Improve the current experience
- 9:20Optimize business value
- 10:32Web performance metrics
- 11:17Quantitybased metrics
- 12:25Rulebased metrics
- 14:14Milestone timings
- 15:36Speed index
- 18:39Custom metrics
- 20:54Last Painted Hero
- 21:51Summary
- 24:38Examples
- 25:55Tools
- 29:13Subscriptions
- 31:33Review
- 32:42My Experience
- 33:37Conclusion
- 34:45QA Tools
- 38:10MVPs
- 40:11Design
- 43:08Fight the pushback
related talks
48mRevisiting Performance Budgets
57mAn Opinionated Guide to Web Performance Budgets
20mReal metrics for front-end performance
50mCreating Performance Impact in a Changing Tech Landscape
36mTaking the Guesswork out of Performance Budgets
12mPerformance In Context
30mMeasuring Web Performance - Metrics & Tools
57mSite-Speed That Sticks