This document discusses how to get the most out of the webpagetest.org tool for testing website performance. It provides an overview of the metrics webpagetest measures like load times, bandwidth usage, and script execution. The document also shares links to examples of using scripting commands to test service workers and customizing domain names. Additionally, it promotes Patrick Meenan's GitHub projects for Cloudflare Workers that can optimize sites and mentions the bulk testing feature on webpagetest.org.

1. Getting the Most out of
Patrick Meenan
@PatMeenan
slideshare.net/patrickmeenan

2. www.webpagetest.org

11. webpagetest.org/easy

17. Red = 4xx+ (Error)
Yellow = 3xx
(Redirects, Not-Modified)

18. Green Vertical: Start Render

19. Pink Vertical:
DOM Content Loaded

20. Blue Vertical:
onLoad

21. Blue: HTML

22. Green: CSS

23. Orange: Script

24. Purple: Image

25. Red: Font

26. Connection Setup
Teal: DNS
Orange: TCP Connect
Purple: TLS Negotiation

27. Pink Blobs: Script Execution

28. Chrome Stair-Step

29. CPU

30. Bandwidth

31. Main Thread

32. Main Thread Interactive

40. https://www.webpagetest.org/video/compare.php?tests=190911_K9_b5d63ab23f6d8cde98ba79992f52134a-l:Original

41. https://www.webpagetest.org/video/compare.php?tests=190911_K9_b5d63ab23f6d8cde98ba79992f52134a-l:Original

52. https://andydavies.me/blog/2019/08/07/experimenting-with-link-rel-equals-preconnect-using-custom-script-injection-in-webpagetest/

56. Scripting – Testing Service Worker
Navigate https://www.example.com/sw-install.html
Sleep 5
Navigate https://www.example.com/

57. OverrideHost Script Command
+ =

60. https://github.com/pmeenan/cf-workers/blob/master/xhost/xhost.js

62. https://github.com/pmeenan/cf-workers/tree/master/optimization-pack

63. https://www.webpagetest.org/?bulk=1

64. Thank You!
Patrick Meenan
@PatMeenan
slideshare.net/patrickmeenan