Broadening OurPerspective on Web   PerformanceFrom Network Latency to User    Experience Timings         Vik Chaudhary    ...
The state of web performance today
…is that Operations teams rely on   clean-room measurements
Using geographically distributed measurement                   agents
…managed by commercial measurement companies              and free services
…using reliable network connections   on the Internet backbone and       at last mile locations
…to run synthetic (“active”) tests         on web pages     from multiple locations
…and measure response time and availability        for a page or transaction
It’s time to step up our game
Next generation Operations teams…
…are broadening their perspective on   web performance monitoring
…and measuring the user experience,   not just the network latency 2,500 msec                  3 secs
The questions being asked today…
…are not: “What is the network latency of all          resources on a page?”
Instead “When does the user actually see something other than a blank browser?”
June 26, 2012“How long until the page loads above the fold on a                 user’s browser?”
“How long before users can click a link,  scroll the bar, or swipe the page?”
“What is the elapsed time for a page, including          browser execution time?”
User Experience Metrics Time        Time         Time to        Userto First    to Full     Interactive   Experience Paint...
How do websites across industries rate?
Time to                Time to       User Experience                      First Paint        Interactive Page        Time ...
Time to                Time to       User Experience                      First Paint        Interactive Page        Time ...
Time to First Paint is over 1s on average
Wait a Second
No, that’s too long
That’s 4 blinks of your eye
How do you measureuser experience for your website?
Your browser is talking to you
…in a language called Web Timings
Web (Navigation) Timing Attributes
You could program it on your website…function onLoad() {    var now = new Date().getTime();    var perceived_latency = now...
Call Four Different APIs…Navigation                           PerformanceTiming API                           Timeline    ...
…handle storage, compliance, and reporting
Or, let Google give you real user      performance statistics
Keynote delivers the industry’s first   clean-room user experience         monitoring data
Combining Clean Room          andReal User Measurements
Web Performance. Reimagined.
Broadening the user perspective – from network latency to user experience timings presentation
Upcoming SlideShare
Loading in …5
×

Broadening the user perspective – from network latency to user experience timings presentation

1,440 views

Published on

by Vik Chaudhary (Keynote)

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,440
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Broadening the user perspective – from network latency to user experience timings presentation

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

×