Buckle up for a deep dive into web performance optimization with Chrome DevTools! Matthias guides you through the updated Performance panel, showing you how to measure Core Web Vitals (LCP, CLS, INP) and get tailored advice from AI. Along the ride learn about Speculation Rules for near-instant navigation and `scheduler.yield()` to optimize long tasks for fluid UI interactions, transforming your website’s speed and responsiveness.
Chapters:
0:00 – Intro
0:46 – Core Web Vitals and live metrics
3:07 – Speculation rules
4:59 – Optimize long tasks
6:27 – Recap
Resources:
DevTools pitstop → https://goo.gle/devtools-pitstop
Speculation rules →√https://goo.gle/speculation-rules
Scheduler yield https://goo.gle/scheduler-yield
Watch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#ChromeForDevelopers #Chrome
Speaker: Matthias Rohmer
Products Mentioned: Chrome, Chrome DevTools,