by Vik Chaudhary (Keynote)

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

38. Web Performance. Reimagined.