The ins and outs of Core Web Vitals
summary
Core Web Vitals are unpacked with concrete thresholds and data sources: 2.5s LCP threshold and green/amber/red bands, 28-day rolling average in the Chrome User Experience Report (CrUX), and field collection via Chrome/BigQuery and PageSpeed Insights. Surprising results: overall LCP good for ~50% of sites, React homepages ~35% good, Wix moves from 8% to ~60% good in under two years. FID appears near-perfect so Google experiments with INP; LCP is the hardest problem to fix.
AI-written summary · about
chapters (11)
- 0:00Start
- 3:39Too many metrics !
- 5:41Google Core Web Vitals (cwv)
- 7:19Chrome User Experience Report (Crux)
- 11:19Largest Contentful Paint
- 12:38Checks LCP candidates
- 15:34Q3: When does it stop?
- 17:59Cumulative Layout Shift
- 22:09Q2: When does it stop?
- 23:51First Input Delay
- 25:04Interaction to Next Paint
related talks
25mCore Web Vitals under control
39mCore Web Vitals under control
29mCore Web Vitals: Put Your App into Orbit with Best Practices
15mCore Web Vitals – Measuring Performance Like a Pro
25mCore Web Vitals under control
01mGoogle Core Web Vitals
42mA crash course in core web vitals for React developers
01h 14mCore Web Vitals: Theory and practice