The Web Performance Testing Toolbox (Jfokus 2013)
1 like1,530 views
The document discusses various tools and techniques for web performance testing, including YSlow, PageSpeed, and WebPageTest. It emphasizes maintaining a responsive UI and offers resources for debugging on both Android and iOS devices. Additionally, it highlights the importance of analyzing loading and rendering performance metrics using real user monitoring and critical path optimization.
The Web Performance Testing Toolbox (Jfokus 2013)
- 1. THE WEB PERFORMANCE TESTING TOOLBOX Tobias Järlund @jarlund
- 2. YSLOW PAGESPEED
- 3. maintaining a LOADING and RESPONSIVE RENDERING UI
- 5. the return of the WATERFALL development process
- 12. DNS FIRST BYTE CONNECTION DOWNLOAD
- 13. Avoid STAIRS
- 14. Mind the GAP
- 18. setViewportSize 320 480 navigate http://www.jfokus.se/ setDOMElement id=fb-‐root navigate http://www.jfokus.se/ block facebook twitter navigate http://www.jfokus.se/
- 22. RESTFUL API! /runtest.php?f=xml&location=Stockholm&url=http://www.jfokus.se/&k=mykey ...with a node.js module
- 23. SHOWSLOW.COM GTMETRICS.COM
- 25. NAVIGATION TIMING API Supported everywhere except Safari and Opera
- 27. GOOGLE ANALYTICS
- 33. THE CRITICAL PATH Pagespeed online
- 39. frontend SPOF Single Point Of Failure
- 49. Chrome DEVTOOLS
- 56. IOS 6 network link conditioner ...but you need to setup your device for development in Xcode
- 57. REMOTE DEBUGGING
- 58. DEBUGGING Chrome on Android https://developers.google.com/chrome-developer-tools/docs/remote-debugging
- 59. DEBUGGING Safari on IOS 6 http://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html
- 60. LOADING/RENDERING YSLOW / PAGESPEED WEBPAGETEST.ORG SPOF-O-MATIC GOOGLE ANALYTICS/NEW RELIC/TORBIT/PINGDOM/GOMEZ/LOGNORMAL BOOMERANG PAGESPEED ONLINE: THE CRITICAL PATH GTMETRICS.COM/SHOWSLOW.COM MAINTAIN A RESPONSIVE UI DYNATRACE AJAX EDITION CHROME DEVELOPER TOOLS MOBILE WEBPAGETEST.ORG/MOBITEST.AKAMAI.COM CHROME (ANDROID) SAFARI (IOS)
- 61. http://bloggar.aftonbladet.se/utvecklingsbloggen/ Tobias Järlund @jarlund