Getting a pulse on your Core Web Vitals 🩺 (JS Party #315)
from JS Party: JavaScript, CSS, Web Development
This week, Amal and Nick are joined by Rick Viscomi and Annie Sullivan from the Chrome team to dive into Core Web Vitals, a set of performance metrics geared towards helping developers surface web page quality signals that are key to delivering great user experiences. We deconstruct the different vitals and learn how they are helpful, as well as introduce the newest vital to hit the scene, Interaction to Next Paint (INP). Join us for a fun and nerdtastic discussion as we dive into the humbling universe of web performance!
Embed this episode
Chapters
- 0:00 It's party time, y'all
- 0:55 JavaScript Party?
- 7:14 Setting definitions
- 8:30 Learn about event loops
- 10:42 Long animation frames?
- 12:35 Responsiveness!
- 14:01 Interactions?
- 15:35 Digging into Core Web Vitals
- 18:41 Tools for Core Web Vitals
- 25:18 Can we gamifying this?
- 27:19 How does this tie to SEO?
- 31:03 Core Web Vitals ALWAYS?
- 33:29 Sponsor: PowerSync
- 35:27 Interaction to Next Paint (INP) metrics
- 40:09 INP > FID?
- 45:19 INP pitfalls?
- 53:52 LCP and CLS
- 1:01:09 Nick on CLS
- 1:06:10 Brush your teeth (daily!)
- 1:13:28 Beyond Chrome and other browsers
- 1:18:10 What does this matter?
- 1:22:04 Getting in touch
- 1:22:47 Outro
No transcript yet.