Debugging Web Performance (with Patrick Hulce) | Some Antics

Join us as Lighthouse CI creator Patrick Hulce introduces us to techniques to improve our site's performance! We dive into profiling, flamegraphs, resource-linking, and more!

#WebPerf #WebPerformance #WebDev

---

00:00:00 Introductions
00:01:29 Why Care About Performance?
00:05:39 Getting Our Baseline Metrics from Lighthouse
00:10:07 Breaking Down the Performance Tab
00:17:50 Flattening Waterfalls
00:25:41 Font Display Strategies
00:32:18 Revalidating Lighthouse Metrics
00:36:27 Measuring Interaction Latency
00:43:49 Crash Course on React Rendering
00:46:59 Profiling React Components
00:54:31 Untangling Grid's Click Latency with Keys
01:01:38 Wrapping Up