What's new in Web Vitals
summary
Updates map core Web Vitals to concrete fixes and tooling: Lighthouse and PageSpeed Insights pair lab and field data, CrUX supplies real‑user metrics, and a new Lighthouse CI non‑regression workflow prevents performance backsliding. Metrics evolve — CLS uses a capped window, FID has a lab proxy TBT, and a treemap shows bundle composition. Case numbers land: NDTV cuts LCP by 55% and halves bounce, Yahoo Japan lowers CLS and boosts session length, so the tools and audits actually produce measurable wins.
AI-written summary · about
chapters (11)
- 0:00Intro
- 0:36Core Web Vitals
- 1:30Quick refresher
- 5:15Refresher complete!
- 6:46Element screenshots
- 7:24Cumulative Layout Shift (CLS)
- 8:06Developer feedback
- 9:02First Input Delay (FID)
- 10:24Success story
- 11:02Lighthouse treemap
- 12:54Chrome user experience report (Crux)
related talks
26mDemystifying Lighthouse, CrUX, and Core Web Vitals
43mDemystifying and leveraging Web Vitals
01mGoogle Core Web Vitals
15mCore Web Vitals – Measuring Performance Like a Pro
29mCore Web Vitals: Put Your App into Orbit with Best Practices
30mThe ins and outs of Core Web Vitals
27mHow to Measure Performance Effectively?
25mCore Web Vitals under control