From Beginner to Expert in Web Performance
summary
Covers practical web performance tuning using Lighthouse and DevTools: run audits in incognito with 3G throttling, 4x CPU slowdown, cache disabled, and record unused JavaScript via Coverage. Recommends concrete targets (FCP 1.5s, LCP 2.5s, CLS <0.1 at 75th percentile, TBT <300ms, speed index ~4.3s), baselining and measuring percentiles by device, shrinking large images (target <100 KB) and removing unused JS, and prioritizing fixes that improve those real-user metrics.
AI-written summary · about
chapters (11)
- 0:00Web performance intro
- 1:06Measuring web perf
- 2:35Setting perf goals
- 3:41Chrome DevTools setup
- 4:27Before Lighthouse
- 6:37Lighthouse metrics
- 9:37Interaction time & metrics
- 11:02Image & JS optimization
- 12:52Lighthouse in practice
- 13:54Lighthouse warnings
- 14:38Conclusion
related talks
35mImprove Your Web Application Using Progressive Web Metrics
49mDemystifying web performance tooling and metrics
01h 04mNeed for speed 8, performance tuning of your web application
49mEffortless Performance Debugging
27mHow to Measure Performance Effectively?
50mHow to Think like a Performance Engineer
29mThe Road to Web Performance in 3 Critical Steps
55mI Feel the Need for Web Page Speed