Broadening the user perspective – from network latency to user experience timings presentation
1 like676 views
This document discusses broadening perspectives on web performance monitoring beyond just network latency. It recommends measuring the actual user experience by tracking metrics like time to first paint, time to interactive page, and total user experience time. These metrics provide insights into how long it takes for a user to start seeing content and to fully interact with a page. The document suggests that average time to first paint is over 1 second currently. It also describes how browser APIs and services can measure these user experience metrics for websites.
Broadening the user perspective – from network latency to user experience timings presentation
- 1. Broadening Our Perspective on Web Performance From Network Latency to User Experience Timings Vik Chaudhary @keynotesystems
- 2. The state of web performance today
- 3. …is that Operations teams rely on clean-room measurements
- 4. Using geographically distributed measurement agents
- 5. …managed by commercial measurement companies and free services
- 6. …using reliable network connections on the Internet backbone and at last mile locations
- 7. …to run synthetic (“active”) tests on web pages from multiple locations
- 8. …and measure response time and availability for a page or transaction
- 9. It’s time to step up our game
- 10. Next generation Operations teams…
- 11. …are broadening their perspective on web performance monitoring
- 12. …and measuring the user experience, not just the network latency 2,500 msec 3 secs
- 13. The questions being asked today…
- 14. …are not: “What is the network latency of all resources on a page?”
- 15. Instead “When does the user actually see something other than a blank browser?”
- 16. June 26, 2012 “How long until the page loads above the fold on a user’s browser?”
- 17. “How long before users can click a link, scroll the bar, or swipe the page?”
- 18. “What is the elapsed time for a page, including browser execution time?”
- 19. User Experience Metrics Time Time Time to User to First to Full Interactive Experience Paint Screen Page Time
- 20. How do websites across industries rate?
- 21. Time to Time to User Experience First Paint Interactive Page Time Retail Social Networks News 0 1s 2s 3s 4s 5s
- 22. Time to Time to User Experience First Paint Interactive Page Time Travel Gaming Social Retail Entertainment 0 1s 2s 3s 4s 5s
- 23. Time to First Paint is over 1s on average
- 24. Wait a Second
- 25. No, that’s too long
- 26. That’s 4 blinks of your eye
- 27. How do you measure user experience for your website?
- 28. Your browser is talking to you
- 29. …in a language called Web Timings
- 30. Web (Navigation) Timing Attributes
- 31. You could program it on your website… function onLoad() { var now = new Date().getTime(); var perceived_latency = now - performance.timing.navigationStart; }
- 32. Call Four Different APIs… Navigation Performance Timing API Timeline API Resource User Timing API Timing API
- 33. …handle storage, compliance, and reporting
- 34. Or, let Google give you real user performance statistics
- 35. Keynote delivers the industry’s first clean-room user experience monitoring data
- 37. Combining Clean Room and Real User Measurements