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.

Getting the most out of WebPageTest

619 views

Published on

Presentation from FITC Web Unleashed 2019

Published in: Internet
  • Be the first to comment

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

×