Broadening Our
Perspective on Web
   Performance

From Network Latency to User
    Experience Timings
         Vik Chaudhary


       @keynotesystems
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        User
to First    to Full     Interactive   Experience
 Paint      Screen         Page         Time
How do websites across industries rate?
Time to                Time to       User Experience
                      First Paint        Interactive Page        Time



         Retail

Social Networks

         News

                  0      1s         2s           3s         4s         5s
Time to                Time to       User Experience
                      First Paint        Interactive Page        Time


        Travel

      Gaming

  Social Retail

Entertainment

                  0      1s         2s            3s        4s         5s
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 measure
user 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 - performance.timing.navigationStart;
}
Call Four Different APIs…


Navigation                           Performance
Timing API                           Timeline
                                     API
      Resource                  User
      Timing API                Timing API
…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
          and
Real User Measurements
Web Performance. Reimagined.

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