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