Getting the most out of WebPageTest

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

Recomendados