SlideShare a Scribd company logo
Broadening Our
Perspective on Web
   Performance

From Network Latency to User
    Experience Timings
Vik Chaudhary, EVP Products and Corpdev


            @vikchaudhary
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?”
August 16, 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
Broadening Our Perspective On Web Performance
Combining Clean Room
          and
Real User Measurements
Web Performance. Reimagined.

More Related Content

PDF
Broadening the user perspective – from network latency to user experience tim...
PPTX
Othello - ROL
PDF
Everyone Sucks At Feedback
PPT
Presentación Team Academy EKINlab
DOCX
Resource 2
PPTX
Narrative presentation
PPTX
Lauren Quinn Evaluation
PDF
حى بن يقظان
Broadening the user perspective – from network latency to user experience tim...
Othello - ROL
Everyone Sucks At Feedback
Presentación Team Academy EKINlab
Resource 2
Narrative presentation
Lauren Quinn Evaluation
حى بن يقظان

Similar to Broadening Our Perspective On Web Performance (20)

PPTX
Measuring web performance with user-centric metrics
PPTX
2020 Chrome Dev Summit: Web Performance 101
PDF
Improving user experience with real user measurements
PDF
Fluent 2018: Measuring What Matters
PPTX
Measuring Front-End Performance - What, When and How?
PPTX
Measuring What Matters - Fluent Conf 2018
PPTX
2021 Chrome Dev Summit: Web Performance 101
PPTX
Measuring User Experience in the Browser
PPTX
Using Modern Browser APIs to Improve the Performance of Your Web Applications
PDF
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
PDF
Achieving Peak User Experiences & Optimizing Web Performance - Load Testing, ...
PPTX
Measuring web performance
PPTX
Metrics, Metrics Everywhere (but where the heck do you start?)
PPTX
Metrics, metrics everywhere (but where the heck do you start?)
PPTX
Metrics, Metrics Everywhere (but where the heck do you start?)
PPTX
Metrics, metrics everywhere (but where the heck do you start?)
PPTX
Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)
PPTX
Metrics, metrics everywhere (but where the heck do you start?)
PPTX
Web Performance 101
PPTX
Measuring User Experience
Measuring web performance with user-centric metrics
2020 Chrome Dev Summit: Web Performance 101
Improving user experience with real user measurements
Fluent 2018: Measuring What Matters
Measuring Front-End Performance - What, When and How?
Measuring What Matters - Fluent Conf 2018
2021 Chrome Dev Summit: Web Performance 101
Measuring User Experience in the Browser
Using Modern Browser APIs to Improve the Performance of Your Web Applications
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
Achieving Peak User Experiences & Optimizing Web Performance - Load Testing, ...
Measuring web performance
Metrics, Metrics Everywhere (but where the heck do you start?)
Metrics, metrics everywhere (but where the heck do you start?)
Metrics, Metrics Everywhere (but where the heck do you start?)
Metrics, metrics everywhere (but where the heck do you start?)
Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)
Metrics, metrics everywhere (but where the heck do you start?)
Web Performance 101
Measuring User Experience
Ad

Broadening Our Perspective On Web Performance

Editor's Notes

  • #3: Let’s take a look at the state of Web performance analysisand monitoring today. These are best practices that Operations teams have relied on for almost 2 decades.
  • #4: Let’s take a look at the state of Web performance analysisand monitoring today. These are best practices that Operations teams have relied on for almost 2 decades.
  • #5: Let’s take a look at the state of Web performance analysisand monitoring today. These are best practices that Operations teams have relied on for almost 2 decades.
  • #6: The industry practice is to monitor and analyze measurement data generated using a “clean-room” approach.A clean room consists of a geographically distributed lab of computers (or mobile devices) connected to live networks. These high-speed backbone or DSL-speed end-points are in locations all over the world. They also use powerful, multi-threaded computers.These are perfect in a clean-room environment eliminating all “dirty” variables (such as resources and memory on the computer)
  • #7: Let’s take a look at the state of Web performance analysisand monitoring today. These are best practices that Operations teams have relied on for almost 2 decades.
  • #8: Let’s take a look at the state of Web performance analysisand monitoring today. These are best practices that Operations teams have relied on for almost 2 decades.
  • #10: Next generation Operations teams are broadening their perspective on web performance monitoring – by expanding their measurement technologies from the network to the browser. Learn how you can use the open standard Web Timing API to frame your performance timings in the context of measuring the user experience. Reshape how Operations team analyze and communicate the performance metrics of today’s web applications and sites, with a strong operational focus on performance timings, baselines, and actionable alerts.
  • #11: Next generation Operations teams are broadening their perspective on web performance monitoring – by expanding their measurement technologies from the network to the browser. Learn how you can use the open standard Web Timing API to frame your performance timings in the context of measuring the user experience. Reshape how Operations team analyze and communicate the performance metrics of today’s web applications and sites, with a strong operational focus on performance timings, baselines, and actionable alerts.
  • #12: Next generation Operations teams are broadening their perspective on web performance monitoring – by expanding their measurement technologies from the network to the browser. Learn how you can use the open standard Web Timing API to frame your performance timings in the context of measuring the user experience. Reshape how Operations team analyze and communicate the performance metrics of today’s web applications and sites, with a strong operational focus on performance timings, baselines, and actionable alerts.
  • #16: When does a user actually see something other than a blank browser window?
  • #20: So ensuring a great user experience requires consistent, accurate measurement of the moments that matter most to customers. We believe these are four critical milestones: [read each milestone]These are the questions that Keynote Transaction Perspective, using IE 9, now answers. Time to First Paint tells you the moment that on-screen rendering begins. It is an important first indication that a website is responsive, and which we recommend begins within 500ms.Time to Full Screen tells you when the page has drawn in the browser screen, regardless of the length of the page. This is also know as “above the fold”.Time to Interactive Page corresponds to when the browser finishes processing the JavaScript onload event.Total User Experience Time is the final measure of a page’s speed factoring not only the time it took for data to be downloaded, but also rendered and made interactive. This is the complete, end-to-end speed of the page or transaction.