Mobile Testing Workbench

The mobile user base continues to grow, becoming an ever increasing part of how business is done. Performance is key, but how well are you able to measure and optimize that mobile experience? Is spoofing and throttling sufficient to simulate how your users perceive your site? What about iOS versus Android experience? This session will cover some important tools that should be in your arsenal to answer these questions. We'll discuss tried-and-true synthetic and RUM platforms along with some important nuances both in general and as an Akamai customer. We will also cover a range of (free!) tools that help you to better diagnose and uncover mobile performance problems.

Transcript

1. © AKAMAI - EDGE 2017 MOBILE TESTING WORKBENCH @DesmondTam
2. © AKAMAI - EDGE 2017 Me
3. © AKAMAI - EDGE 2017
4. © AKAMAI - EDGE 2017
5. © AKAMAI - EDGE 2017 Synthetic Tools & RUM Measuring Mobile for Android Measuring Mobile for iOS Measuring Native Apps ✘ What Will We Look At?
6. © AKAMAI - EDGE 2017 Synthetic Test Platforms
7. © AKAMAI - EDGE 2017 Gotchas • Use platforms with both real and simulated mobile devices / connections • Agent location(s) matter! • Not a REAL user
8. © AKAMAI - EDGE 2017 ü Provides both simulated and real (Android + iOS) mobile devices / connections ü Lots of agent locations ü Captures Lighthouse reports ü Flexible private agents ü Can be driven via API ü Free & Open Source!
9. © AKAMAI - EDGE 2017 ✘ Some scripting / advanced functions are not available for mobile agents ✘ Mobile devices / agents can be unstable ✘ May need to wait on results with limited number of devices
10. © AKAMAI - EDGE 2017 Ø How To Use WebPageTest and its API Ø Setting up Android agent with WebPageTest Ø iWptBrowser on GitHub Resources
11. © AKAMAI - EDGE 2017 Real User Monitoring (RUM)
12. © AKAMAI - EDGE 2017
13. © AKAMAI - EDGE 2017 sitespeed.io Chrome Dev Tools + Lighthouse
14. © AKAMAI - EDGE 2017 sitespeed.io • Easily installable via Docker and node.js • Can drive testing of Chrome on Android • Can be integrated into a CI/CD workflow
15. © AKAMAI - EDGE 2017 Chrome Developer Tools • Easy User Agent spoofing • Network and CPU throttling • Now supports running headless natively • Lighthouse is now integrated into Dev Tools as Audit tool
16. © AKAMAI - EDGE 2017
17. © AKAMAI - EDGE 2017 Placeholder for iOS WebKit Debug Proxy Screen Caps
18. © AKAMAI - EDGE 2017 Placeholder for Remote iOS WebKit Adapter
19. © AKAMAI - EDGE 2017 Placeholder for MiHTool
20. © AKAMAI - EDGE 2017 Share What You Know
21. © AKAMAI - EDGE 2017
22. © AKAMAI - EDGE 2017
23. © AKAMAI - EDGE 2017 Wrap Up Speaker title Speaker Name Speaker title Speaker Name Speaker title Speaker Name Speaker title Speaker Name Speaker title Speaker Name
24. © AKAMAI - EDGE 2017 Name Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean. Name Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean. Name Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean. Name Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean.
25. © AKAMAI - EDGE 2017 Name Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean. Name Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean. Name Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean. Name Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean.