Unveiling the Power of Web Performance Metrics for Testers
summary
Live demos show a portfolio LCP of 258 ms and progressive image loading via Contentful, proving practical gains from image sizing, WebP, lazy loading and fetchpriority. The talk asserts INP replaces FID to measure all interactions, not just the first, and sets ~200 ms as the perceived threshold for good responsiveness. Tools used include Lighthouse, PageSpeed Insights, Chrome User Experience Report and the open-source web performance snippets for field data and longest-task detection.
AI-written summary · about
chapters (19)
- 0:00Web performance metrics intro
- 3:25Why performance matters
- 7:42Core Web Vitals impact
- 11:15Largest Contentful Paint
- 16:02Measuring LCP demo
- 21:23Optimizing Largest Contentful Paint
- 30:32Interaction to Next Paint intro
- 34:56Analyzing INP demo
- 38:13Optimizing Interaction to Next Paint
- 43:19Cumulative Layout Shift
- 47:17Optimizing Cumulative Layout Shift
- 49:26Q&A: Open source tools
- 50:48Q&A: High-quality images
- 51:51Q&A: Regulatory considerations
- 52:56Q&A: Interpreting metrics mistakes
- 55:02Q&A: Images lazy loading LCP
- 56:28Q&A: Tracking snippets
- 58:16Q&A: Low-code performance
- 59:18Q&A: Streaming performance
related talks
49mDemystifying web performance tooling and metrics
35mWeb Application Performance Testing from Users Perspective
18mWebsite performance from user perspective
31mEvery Millisecond Counts: Performance & UX
35mImprove Your Web Application Using Progressive Web Metrics
48mThink Fast, First: Empowering a Performance Culture
31mPanel Discussion: Get to Know: Web Performance and Core Web Vitals
30mMeasuring Web Performance - Metrics & Tools