Measuring User centric performance
summary
Shows how to collect real user metrics with the PerformanceObserver and a small library Perfume.js, sending FCP, FP and TTI to Google Analytics and end-to-end tests. Demonstrates paint entries: FP ~500 ms and FCP ~1,000 ms in a demo, and a TTI polyfill that finds a five-second quiet window to report TTI ~3.8 s. Identifies long tasks (>50 ms) as the cause (an autocomplete bug adds ~150 ms), and explains measuring component response with Performance.mark.
AI-written summary · about
chapters (5)
- 0:00Start
- 4:00User Measurement
- 5:40The Synthetic Measurement
- 7:14Performance Server Interface
- 18:08Calculate the Tti
related talks
16mCoding Session: Stunning Performance
20mReal metrics for front-end performance
18mWebsite performance from user perspective
54mThe Latest in Metrics & Measurement
01h 02mWeb Performance Tuning with browser APIs
36mMoneyball for Performance Metrics
19mPerceived Performance, And Why It Matters
14mPage performance after load