Can You Afford It?: Real-world Web Performance Budgets - Infrequently Noted
Performance budgets are an essential but under-appreciated part of product success and team health. Most partners we work with are not aware of the real-world operating environment and make inappropriate technology choices as a result. We set a time budget of less than 5 seconds first-load Time-to-Interactive and less than two seconds for subsequent loads. We further constrain ourselves to a baseline device and network configuration to measure progress. 2017's global baseline is a ~$200 Android device on a 400Kbps link with a 400ms round-trip-time ('RTT'). This translates to ~130-170KB of critical-path resources, depending on composition; the more JS you include, the smaller the bundle must be.
TL;DR: Performance budgets are an essential but under-appreciated part of product success and team health. Most partners we work with are not aware of the real-world operating environment and make inappropriate technology choices as a result. We set a budget in time of <= 5 seconds first-load Time-to-Interactive and <= 2s for subsequent loads. We constrain ourselves to a real-world baseline device + network configuration to measure progress. The default global baseline is a ~$200 Android device on a 400Kbps link with a 400ms round-trip-time ("RTT"). This translates into a budget of ~130-170KB
related reading
- The Performance Inequality Gap, 2023 - Infrequently Notedinfrequently.org
- 7 Principles of Rich Web Applicationsrauchg.com
- How's Linear so fast? A technical breakdownperformance.dev
- abseil / Performance Hintsabseil.io
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- Learning From Terminals to Design the Future of User Interfaces — brandur.orgbrandur.org
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- Populating the page: how browsers work - Performance | MDNdeveloper.mozilla.org
- The "Developer Experience" Bait-and-Switch - Infrequently Notedinfrequently.org
- A Management Maturity Model for Performance - Infrequently Notedinfrequently.org
- The new wave of Javascript web frameworksfrontendmastery.com
- Case study: Analyzing Notion app performance · PerfPerfPerf3perf.com