Core Web Vitals: Theory and practice
summary
Defines Core Web Vitals precisely: LCP 2.5s threshold (75th‑percentile), FID <100ms with TBT as proxy for lab work, and CLS <0.1. Shows tooling and methodology — Lighthouse/PSI scoring, CrUX, DevTools tracing, WebPageTest filmstrip and waterfalls — and a CNN case study: LCP ≈7.7s and TBT >12s driven by late hero image, render‑blocking scripts and third‑party JS. Blocking third parties in WebPageTest cuts TBT to ~2s. Gives actionable fixes: CDN/edge, critical CSS, code‑split and make hero images discoverable.
AI-written summary · about
chapters (34)
- 0:00Start
- 1:14Core Web Vitals Program Basics
- 3:30Fid First Input Delay
- 4:09Total Blocking Time
- 5:30Why Do We Need Core Web Vitals
- 6:10Inconsistent Quality Bars across Different Google Tools
- 7:23Clear Priorities
- 8:02Program Goals
- 11:41Impact on Your Bottom Line
- 13:22What To Expect
- 16:49Tooling
- 18:07Crux Api
- 19:10Notes for Field Data
- 19:56Core Vitals Report in Search Console
- 21:39Lighthouse Scoring
- 24:05The Lighthouse Scoring Calculator
- 25:56Metric Composition
- 27:25Key Takeaways
- 28:41Is There any Difference in Approaches for the Vitals for Improvement between Small Websites and the Lage
- 35:43The Network Waterfall
- 37:08How Do You Check if Your Server Is Actually Slow
- 42:34Blocking Resources
- 49:21Optimizations
- 49:46Bundle Audit
- 50:28Critical Css
- 51:36A Late Hero Image
- 53:28Aviv Image Format
- 53:50Consider Using Progressive Jpeg
- 55:42Javascript Image Loader
- 58:33The First Input Delay
- 1:01:04How Do We Measure How Much Js Javascript Costs Third Parties Actually Contribute
- 1:06:13Ways To Optimize Hydration
- 1:06:39Partial Hydration
- 1:07:46Cumulative Layout Shift
related talks
25mCore Web Vitals under control
39mCore Web Vitals under control
29mCore Web Vitals: Put Your App into Orbit with Best Practices
25mCore Web Vitals under control
15mCore Web Vitals – Measuring Performance Like a Pro
30mThe ins and outs of Core Web Vitals
43mDemystifying and leveraging Web Vitals
01mGoogle Core Web Vitals