The Web Performance Testing Toolbox (Jfokus 2013)

1,635 views

Published on

Slides from my Jfokus 2013 presentation. (Demos not included.)

So, your web application is slow. You read all the books, follow all advices, but users are still complaining. What now? It turns out that there are really good tools out there to help you, whether your problem is slow loading third party widgets, badly performing javascript or heavy paint times for DOM elements. But which one is right for you?
This hands on session will give guide help you assemble your own toolbox with the the different (mostly free) tools available for analyzing and troubleshooting web performance. You'll learn what you can expect from high level tools that measure page load time through synthetic or real user monitoring, down to low level javascript profiling and graphic rendering. We'll dive straight into the advanced parts of WebPagetest, Chrome Dev Tools, Dynatrace Ajax Edition and others, and you'll also get to know how to do most of this on actual mobile devices.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,635
On SlideShare
0
From Embeds
0
Number of Embeds
45
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

The Web Performance Testing Toolbox (Jfokus 2013)

  1. 1. THE WEBPERFORMANCETESTING TOOLBOX Tobias Järlund @jarlund
  2. 2. YSLOW PAGESPEED
  3. 3. maintaining a LOADING and RESPONSIVERENDERING UI
  4. 4. LOADING ANDRENDERING
  5. 5. the return of theWATERFALLdevelopment process
  6. 6. WEBPAGETESTwww.webpagetest.org
  7. 7. DNS FIRST BYTECONNECTION DOWNLOAD
  8. 8. AvoidSTAIRS
  9. 9. Mind theGAP
  10. 10. setViewportSize    320      480navigate    http://www.jfokus.se/setDOMElement        id=fb-­‐rootnavigate    http://www.jfokus.se/block        facebook  twitternavigate    http://www.jfokus.se/
  11. 11. RESTFUL API!/runtest.php?f=xml&location=Stockholm&url=http://www.jfokus.se/&k=mykey ...with a node.js module
  12. 12. SHOWSLOW.COM GTMETRICS.COM
  13. 13. Real userMONITORING
  14. 14. NAVIGATION TIMING API Supported everywhere except Safari and Opera
  15. 15. GOOGLE ANALYTICS
  16. 16. AVERAGESvsPERCENTILES
  17. 17. DO IT YOURSELFBoomeranghttps://github.com/lognormal/boomerang/
  18. 18. THE CRITICAL PATHPagespeed online
  19. 19. frontend SPOFSingle Point Of Failure
  20. 20. SPOF-O-MATIC SPOF-O-MATIC
  21. 21. SPOF-O-MATIC SPOF-O-MATIC
  22. 22. MAINTAIN ARESPONSIVE UI
  23. 23. DynatraceAJAXedition
  24. 24. ChromeDEVTOOLS
  25. 25. Test on actualMOBILEdevices
  26. 26. WEBPAGETESTmobitest.akamai.com
  27. 27. IOS 6network link conditioner ...but you need to setup your device for development in Xcode
  28. 28. REMOTEDEBUGGING
  29. 29. DEBUGGING Chrome on Android https://developers.google.com/chrome-developer-tools/docs/remote-debugging
  30. 30. DEBUGGING Safari on IOS 6 http://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html
  31. 31. LOADING/RENDERINGYSLOW / PAGESPEEDWEBPAGETEST.ORGSPOF-O-MATICGOOGLE ANALYTICS/NEW RELIC/TORBIT/PINGDOM/GOMEZ/LOGNORMALBOOMERANGPAGESPEED ONLINE: THE CRITICAL PATHGTMETRICS.COM/SHOWSLOW.COM MAINTAIN A RESPONSIVE UIDYNATRACE AJAX EDITIONCHROME DEVELOPER TOOLS MOBILEWEBPAGETEST.ORG/MOBITEST.AKAMAI.COMCHROME (ANDROID)SAFARI (IOS)
  32. 32. http://bloggar.aftonbladet.se/utvecklingsbloggen/ Tobias Järlund @jarlund

×