Successfully reported this slideshow.

Getting the most out of WebPageTest

6

Share

Upcoming SlideShare
Resource Prioritization
Resource Prioritization
Loading in …3
×
1 of 64
1 of 64

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

Getting the most out of WebPageTest

  1. 1. Getting the Most out of Patrick Meenan @PatMeenan slideshare.net/patrickmeenan
  2. 2. www.webpagetest.org
  3. 3. webpagetest.org/easy
  4. 4. Red = 4xx+ (Error) Yellow = 3xx (Redirects, Not-Modified)
  5. 5. Green Vertical: Start Render
  6. 6. Pink Vertical: DOM Content Loaded
  7. 7. Blue Vertical: onLoad
  8. 8. Blue: HTML
  9. 9. Green: CSS
  10. 10. Orange: Script
  11. 11. Purple: Image
  12. 12. Red: Font
  13. 13. Connection Setup Teal: DNS Orange: TCP Connect Purple: TLS Negotiation
  14. 14. Pink Blobs: Script Execution
  15. 15. Chrome Stair-Step
  16. 16. CPU
  17. 17. Bandwidth
  18. 18. Main Thread
  19. 19. Main Thread Interactive
  20. 20. https://www.webpagetest.org/video/compare.php?tests=190911_K9_b5d63ab23f6d8cde98ba79992f52134a-l:Original
  21. 21. https://www.webpagetest.org/video/compare.php?tests=190911_K9_b5d63ab23f6d8cde98ba79992f52134a-l:Original
  22. 22. https://andydavies.me/blog/2019/08/07/experimenting-with-link-rel-equals-preconnect-using-custom-script-injection-in-webpagetest/
  23. 23. Scripting – Testing Service Worker Navigate https://www.example.com/sw-install.html Sleep 5 Navigate https://www.example.com/
  24. 24. OverrideHost Script Command + =
  25. 25. https://github.com/pmeenan/cf-workers/blob/master/xhost/xhost.js
  26. 26. https://github.com/pmeenan/cf-workers/tree/master/optimization-pack
  27. 27. https://www.webpagetest.org/?bulk=1
  28. 28. Thank You! Patrick Meenan @PatMeenan slideshare.net/patrickmeenan

×