Panel Discussion: Get to Know: Web Performance and Core Web Vitals
summary
Claims that 67% of median site bytes are images/videos and that optimizing hero media improves LCP CLS FID; concrete tooling includes Lighthouse, Chrome User Experience Report, the web-vitals library and Web Vitals Chrome extension; examples of work done are Next.js image analytics and CI hooks that run Lighthouse and automated image delivery via CDNs; recommendations are practical — remove unused client code, lazy‑load media, automate checks in build/CI — and the demos and automation strategies are shown working.
AI-written summary · about
chapters (16)
- 0:00Intro
- 0:25Introductions
- 1:15Panel Introductions
- 2:00Why is Web Performance Important
- 3:50Web is Visual
- 4:31Media Performance
- 8:11Web Performance Tools
- 10:15Lighthouse
- 11:50Core Web Vitals
- 13:47Frameworks and Libraries
- 14:37Metrics
- 16:44Performance Websites
- 20:07Nexon Image Format
- 25:23Web Vitals
- 27:28After the Score
- 29:18Automate
related talks
43mDemystifying and leveraging Web Vitals
15mCore Web Vitals – Measuring Performance Like a Pro
29mCore Web Vitals: Put Your App into Orbit with Best Practices
39mCore Web Vitals under control
49mDemystifying web performance tooling and metrics
01h 14mCore Web Vitals: Theory and practice
25mCore Web Vitals under control
25mCore Web Vitals under control