Think Fast, First: Empowering a Performance Culture
summary
Shows measurable wins: using WebPageTest and Chrome UX metrics to prove users start leaving after ~5s leads to a 2.5s target; moving heavy JS off the main thread into web workers cuts main-thread activity dramatically. Implements lazy loading with intersection observer and CSS-target/details to avoid render-blocking. Builds a CI tool, Lightkeeper, to run Lighthouse on PRs. A refactored page drops to ~27 KB uncompressed, ~220 ms load, and minimal main-thread time.
AI-written summary · about
chapters (19)
- 0:00Start
- 3:06Measure
- 8:08Performance Calculator
- 11:08VB PARSING IMPROVEMENTS
- 12:01PARSING OPTIMIZATIONS
- 14:13Infer by user actions
- 16:08Progressive Enhancements
- 17:07CSS Target
- 17:38CSS Triggers
- 17:51Avoid Reflows
- 19:41Web Workers
- 22:19Parsing in a Web Worker
- 22:58State Sync Off-Main-Thread
- 24:25Worker DOM (Alpha)
- 38:01Product and Design
- 43:42The Problem
- 44:44Flexible Configuration
- 45:38Concise Comments
- 46:22Recap
related talks
28mEmpowering a Performance Culture
29mWeb Performance Kinetosis
01h 03mSpeed up your Web Application
50mHow to Think like a Performance Engineer
39mGiving you ways to increase, but also explain site performance, to your boss.
49mEffortless Performance Debugging
23mPerformance Optimizations for Progressive Web Apps
25mGetting your Team Passionate About Web Performance to Achieve Performant Web Apps