SlideShare una empresa de Scribd logo
1 de 38
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
Combining Clean Room
          and
Real User Measurements
Web Performance. Reimagined.

Más contenido relacionado

Similar a Broadening Our Perspective On Web Performance

17 Web Performance Metrics You Should Care About
17 Web Performance Metrics You Should Care About17 Web Performance Metrics You Should Care About
17 Web Performance Metrics You Should Care AboutEvgeny Tsarkov
 
Successful interactive design
Successful interactive designSuccessful interactive design
Successful interactive designLeisy Vidal
 
2020 Chrome Dev Summit: Web Performance 101
2020 Chrome Dev Summit: Web Performance 1012020 Chrome Dev Summit: Web Performance 101
2020 Chrome Dev Summit: Web Performance 101Tammy Everts
 
Measuring web performance with user-centric metrics
Measuring web performance with user-centric metricsMeasuring web performance with user-centric metrics
Measuring web performance with user-centric metricsGiorgos Bamparopoulos
 
Watson on Bluemix
Watson on BluemixWatson on Bluemix
Watson on BluemixIBM
 
Designing Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAsDesigning Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAsDave Malouf
 
538210-rc220-rum
538210-rc220-rum538210-rc220-rum
538210-rc220-rumDan Boutin
 
Site Speed and the Ecommerce User Journey
Site Speed and the Ecommerce User JourneySite Speed and the Ecommerce User Journey
Site Speed and the Ecommerce User JourneyDaniel Nutter
 
Compatibility testing
Compatibility testingCompatibility testing
Compatibility testingAnkit Gujjar
 
Owning Web Performance
Owning Web PerformanceOwning Web Performance
Owning Web PerformanceWesley Hales
 
Branding Wont Fix Crappy Content - SharePoint User Experience Discussion
Branding Wont Fix Crappy Content - SharePoint User Experience DiscussionBranding Wont Fix Crappy Content - SharePoint User Experience Discussion
Branding Wont Fix Crappy Content - SharePoint User Experience DiscussionMarcy Kellar
 
Challenges In Building Enterprise Mashups - Rick B
Challenges In Building Enterprise Mashups - Rick BChallenges In Building Enterprise Mashups - Rick B
Challenges In Building Enterprise Mashups - Rick BRoopa Nadkarni
 
5 challenges in_building_enterprise_mashups-rick_b
5 challenges in_building_enterprise_mashups-rick_b5 challenges in_building_enterprise_mashups-rick_b
5 challenges in_building_enterprise_mashups-rick_bIBM
 
When to use Ajax
When to use AjaxWhen to use Ajax
When to use Ajaxmikepadilla
 

Similar a Broadening Our Perspective On Web Performance (20)

17 Web Performance Metrics You Should Care About
17 Web Performance Metrics You Should Care About17 Web Performance Metrics You Should Care About
17 Web Performance Metrics You Should Care About
 
Successful interactive design
Successful interactive designSuccessful interactive design
Successful interactive design
 
2020 Chrome Dev Summit: Web Performance 101
2020 Chrome Dev Summit: Web Performance 1012020 Chrome Dev Summit: Web Performance 101
2020 Chrome Dev Summit: Web Performance 101
 
Measuring web performance with user-centric metrics
Measuring web performance with user-centric metricsMeasuring web performance with user-centric metrics
Measuring web performance with user-centric metrics
 
Usability engineering
Usability engineeringUsability engineering
Usability engineering
 
Watson on bluemix
Watson on bluemixWatson on bluemix
Watson on bluemix
 
Watson on Bluemix
Watson on BluemixWatson on Bluemix
Watson on Bluemix
 
NetTantra Corporate Brochure
NetTantra Corporate BrochureNetTantra Corporate Brochure
NetTantra Corporate Brochure
 
Designing Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAsDesigning Powerful Web Applications Using AJAX and Other RIAs
Designing Powerful Web Applications Using AJAX and Other RIAs
 
DZone-RUM
DZone-RUMDZone-RUM
DZone-RUM
 
538210-rc220-rum
538210-rc220-rum538210-rc220-rum
538210-rc220-rum
 
538210 rc220-rum
538210 rc220-rum538210 rc220-rum
538210 rc220-rum
 
Site Speed and the Ecommerce User Journey
Site Speed and the Ecommerce User JourneySite Speed and the Ecommerce User Journey
Site Speed and the Ecommerce User Journey
 
Compatibility testing
Compatibility testingCompatibility testing
Compatibility testing
 
Owning Web Performance
Owning Web PerformanceOwning Web Performance
Owning Web Performance
 
Branding Wont Fix Crappy Content - SharePoint User Experience Discussion
Branding Wont Fix Crappy Content - SharePoint User Experience DiscussionBranding Wont Fix Crappy Content - SharePoint User Experience Discussion
Branding Wont Fix Crappy Content - SharePoint User Experience Discussion
 
Bluemix Workshop
Bluemix WorkshopBluemix Workshop
Bluemix Workshop
 
Challenges In Building Enterprise Mashups - Rick B
Challenges In Building Enterprise Mashups - Rick BChallenges In Building Enterprise Mashups - Rick B
Challenges In Building Enterprise Mashups - Rick B
 
5 challenges in_building_enterprise_mashups-rick_b
5 challenges in_building_enterprise_mashups-rick_b5 challenges in_building_enterprise_mashups-rick_b
5 challenges in_building_enterprise_mashups-rick_b
 
When to use Ajax
When to use AjaxWhen to use Ajax
When to use Ajax
 

Broadening Our Perspective On Web Performance

Notas del editor

  1. 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.
  2. 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.
  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. 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)
  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. 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.
  7. 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.
  8. 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.
  9. 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.
  10. When does a user actually see something other than a blank browser window?
  11. 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.