Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

Measuring web performance Slide 1 Measuring web performance Slide 2 Measuring web performance Slide 3 Measuring web performance Slide 4 Measuring web performance Slide 5 Measuring web performance Slide 6 Measuring web performance Slide 7 Measuring web performance Slide 8 Measuring web performance Slide 9 Measuring web performance Slide 10 Measuring web performance Slide 11 Measuring web performance Slide 12 Measuring web performance Slide 13 Measuring web performance Slide 14 Measuring web performance Slide 15 Measuring web performance Slide 16 Measuring web performance Slide 17 Measuring web performance Slide 18 Measuring web performance Slide 19 Measuring web performance Slide 20 Measuring web performance Slide 21 Measuring web performance Slide 22 Measuring web performance Slide 23 Measuring web performance Slide 24 Measuring web performance Slide 25 Measuring web performance Slide 26 Measuring web performance Slide 27 Measuring web performance Slide 28 Measuring web performance Slide 29 Measuring web performance Slide 30 Measuring web performance Slide 31 Measuring web performance Slide 32 Measuring web performance Slide 33 Measuring web performance Slide 34 Measuring web performance Slide 35 Measuring web performance Slide 36 Measuring web performance Slide 37 Measuring web performance Slide 38 Measuring web performance Slide 39 Measuring web performance Slide 40 Measuring web performance Slide 41 Measuring web performance Slide 42 Measuring web performance Slide 43 Measuring web performance Slide 44 Measuring web performance Slide 45 Measuring web performance Slide 46 Measuring web performance Slide 47 Measuring web performance Slide 48 Measuring web performance Slide 49
Upcoming SlideShare
Measuring Web Performance
Next
Download to read offline and view in fullscreen.

8 Likes

Share

Download to read offline

Measuring web performance

Download to read offline

Things to be aware of when you are measuring the performance of your web sites (both synthetic testing and Real User Monitoring).

Related Books

Free with a 30 day trial from Scribd

See all

Measuring web performance

  1. 1. Measuring Web Performance Patrick Meenan pmeenan@webpagetest.org @patmeenan
  2. 2. Types of Measurement velocityconf.com/velocity2011/public/schedule/detail/18039
  3. 3. Measuring Web Performance SYNTHETIC TESTING
  4. 4. Active Testing • Consistent results – Good for detecting and diagnosing issues that are 100% repeatable and on pages you are monitoring • Lots of detail • Availability monitoring • Not representative of actual end-user performance – Usually tested from data centers – Sometimes co-located with CDN provider equipment
  5. 5. Bandwidth/Latency Impact (Fixed 60ms RTT) (Fixed 5Mbps Bandwidth) 5 www.belshe.com/2010/05/24/more-bandwidth-doesnt-matter-much/
  6. 6. US Broadband Latency WebPagetest DSL WebPagetest Cable WebPagetest FIOS Backbone 6 www.fcc.gov/document/measuring-broadband-america-report-consumer-broadband-performance-us
  7. 7. Actual Users Backbone Testing 7
  8. 8. DSL – Back-End: 17% Backbone – Back-End: 52% 8
  9. 9. Mac Traffic Shaping OS X Lion + Xcode 4.1 Cable, DSL, 3G, Edge, WiFi and Custom GUI for dummynet (which has been available for a while) osxdaily.com/2011/08/10/simulate-internet-connectivity-bandwidth-speeds-network-link-conditioner/
  10. 10. Synthetic Browsers • Know HOW your active testing is done – Some only test the base page – Synthetic browsers usually not reflective of real browser – Real browser testing – Connectivity (backbone, last-mile) • www.engadget.com – Synthetic Browser: 447 requests – IE 8: 241 requests
  11. 11. Measuring Web Performance REAL USER MONITORING (RUM)
  12. 12. Real User Monitoring (RUM) • Full coverage on all pages visited by users • Real performance information for end-user experience • No availability monitoring • No competitive reference • Limited detail – … but getting better
  13. 13. Navigation Timing window.performance.timing IE 9+ Chrome Firefox 9+ Android 4+ Front-End Back-End 13 dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html
  14. 14. Resource Timing (draft) Timing for every network-loaded resource w3c-test.org/webperf/specs/ResourceTiming/
  15. 15. Back-End Only
  16. 16. Access Logs • Overall Response Times - %D (Apache) • Custom variables (app-specific timings) • Logster + graphite = graphs • Lots of data-mining opportunities – Broken links/content (404’s with useful referer information) • Mike Brittain (Etsy) Presentation – http://www.slideshare.net/mikebrittain/web-performance-culture- and-tools-at-etsy-11159635
  17. 17. Measuring Web Performance THE METRICS
  18. 18. When is “Done”? Easy answer is onLoad But…
  19. 19. When is “Done”? Twitter onLoad (2.4s) Twitter end of activity (8.2s)
  20. 20. 2 Pages, Identical Performance …
  21. 21. http://youtu.be/Ipk1k_IobYg
  22. 22. Start Render Identical
  23. 23. Load Time Identical
  24. 24. Last Visual Change Identical
  25. 25. Visual “Completeness”
  26. 26. Measuring Web Performance INTRODUCING…
  27. 27. The Speed Index The user experience of A was 7.4 times faster than B sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index
  28. 28. Amazon.com vs. Twitter …
  29. 29. Amazon vs. Twitter Amazon Twitter Speed Index 1501 6014 (+300%) onload 2.4 2.4 Fully Loaded 6.4 8.2 (+28%) www.webpagetest.org/video/view.php?id=120414_22f2206da973b41621c499e2be01d555cdac6ab0&bare=1
  30. 30. Measuring Web Performance WHAT’S NEW IN WEBPAGETEST
  31. 31. New Waterfall UI Nav Timing – domContentLoaded (Firefox/Chrome) Nav Timing – load event (Firefox/Chrome) Pop-up request details
  32. 32. Dependencies (Chrome) Line of code that Triggered request
  33. 33. Response Bodies
  34. 34. Dev Tools Timeline (Chrome)
  35. 35. Dev Tools Timeline (Chrome)
  36. 36. Creating Videos
  37. 37. Creating Videos (cont) Customize: - End Point/Times - Specific Run - First/Repeat View - Labels www.webpagetest.org/video/compare.php?tests=120416_QX_3ZKFP%2C120416_DR_3ZKFJ&bare=1
  38. 38. SPOF Demonstrating www.webpagetest.org/video/view.php?id=120416_d635d742a17d7eecf57df6282bcea87f5de2322c&bare=1
  39. 39. Custom viewport size Chrome/Firefox
  40. 40. EC2 AMIs IE 7 m1.small or IE 8 c1.medium IE 9, Chrome, Firefox (single image)
  41. 41. News/Updates • Twitter: @patmeenan • Google+ PatMeenan@gmail.com WebPagetest • WebPagetest Forums http://www.webpagetest.org/forums/
  • RadimPnek

    Jun. 14, 2019
  • number0

    Dec. 27, 2013
  • cometton

    Oct. 9, 2013
  • luisfelipe0910

    Aug. 24, 2013
  • wikt0r

    Sep. 9, 2012
  • schst

    Jun. 20, 2012
  • bonoseo

    Apr. 30, 2012
  • AndyDavies

    Apr. 30, 2012

Things to be aware of when you are measuring the performance of your web sites (both synthetic testing and Real User Monitoring).

Views

Total views

7,591

On Slideshare

0

From embeds

0

Number of embeds

29

Actions

Downloads

138

Shares

0

Comments

0

Likes

8

×