Frontend System Design, module F10
Performance engineering
Core Web Vitals, bundles, images and fonts, preloading, memory, budgets and real-user monitoring, and the design choices that move them.
5 of 12 lessons published
- 1Loading Performance and Core Web Vitals
Flagship · intermediate
- 2Optimizing Largest Contentful Paint
Standard · intermediate
- 3
Interaction to Next Paint and Responsiveness (coming soon)
Standard · advanced
- 4Cumulative Layout Shift and Layout Stability
Standard · intermediate
- 5Code Splitting, Lazy Loading and Tree Shaking
Flagship · intermediate
- 6Image and Font Optimization
Standard · beginner
- 7
Preloading, Prefetching and Priority Hints (coming soon)
Standard · intermediate
- 8
Memory Management and Leaks (coming soon)
Standard · advanced
- 9
Performance Budgets and Profiling (coming soon)
Standard · intermediate
- 10
Real User Monitoring (coming soon)
Standard · intermediate
- 11
Caching Across the Stack: Browser, CDN, Server and Client State (coming soon)
Standard · intermediate
- 12
Performance and Cost Trade-Offs (coming soon)
Standard · advanced