CourseFrontend System Design · 0416 minPremium
Performance
Making a web app fast on the devices people really use: Core Web Vitals and what moves each one, JavaScript budgets and code splitting, images and fonts, virtualised lists, prefetching, keeping the main thread free, and measuring in the field rather than on a laptop.
Premium
Part of the Frontend System Design course, on the Premium plan
Readers with Lifetime Access read it in full. Already bought it? Sign in from the top bar.
What’s inside
- 1. What "fast" means: Core Web Vitals
- 2. JavaScript: the most expensive byte
- 3. Images, fonts and the critical path
- 4. Long lists: virtualisation
- 5. Keeping the main thread free
- 6. Prefetching: spend idle time on the next page
- 7. Measuring: lab and field
- In the interview
- What goes wrong
- Drills
- Check yourself