Tweet
Tweet

Slide 1

Slide 1 text

© AKAMAI - EDGE 2017 MOBILE TESTING WORKBENCH @DesmondTam

Slide 2

Slide 2 text

© AKAMAI - EDGE 2017 Me

Slide 3

Slide 3 text

© AKAMAI - EDGE 2017

Slide 4

Slide 4 text

© AKAMAI - EDGE 2017

Slide 5

Slide 5 text

© AKAMAI - EDGE 2017 Synthetic Tools & RUM Measuring Mobile for Android Measuring Mobile for iOS Measuring Native Apps ✘ What Will We Look At?

Slide 6

Slide 6 text

© AKAMAI - EDGE 2017 Synthetic Test Platforms

Slide 7

Slide 7 text

© AKAMAI - EDGE 2017 Gotchas • Use platforms with both real and simulated mobile devices / connections • Agent location(s) matter! • Not a REAL user

Slide 8

Slide 8 text

© 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!

Slide 9

Slide 9 text

© 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

Slide 10

Slide 10 text

© AKAMAI - EDGE 2017 Ø How To Use WebPageTest and its API Ø Setting up Android agent with WebPageTest Ø iWptBrowser on GitHub Resources

Slide 11

Slide 11 text

© AKAMAI - EDGE 2017 Real User Monitoring (RUM)

Slide 12

Slide 12 text

© AKAMAI - EDGE 2017

Slide 13

Slide 13 text

© AKAMAI - EDGE 2017 sitespeed.io Chrome Dev Tools + Lighthouse

Slide 14

Slide 14 text

© 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

Slide 15

Slide 15 text

© 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

Slide 16

Slide 16 text

© AKAMAI - EDGE 2017

Slide 17

Slide 17 text

© AKAMAI - EDGE 2017 Placeholder for iOS WebKit Debug Proxy Screen Caps

Slide 18

Slide 18 text

© AKAMAI - EDGE 2017 Placeholder for Remote iOS WebKit Adapter

Slide 19

Slide 19 text

© AKAMAI - EDGE 2017 Placeholder for MiHTool

Slide 20

Slide 20 text

© AKAMAI - EDGE 2017 Share What You Know

Slide 21

Slide 21 text

© AKAMAI - EDGE 2017

Slide 22

Slide 22 text

© AKAMAI - EDGE 2017

Slide 23

Slide 23 text

© 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

Slide 24

Slide 24 text

© 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.

Slide 25

Slide 25 text

© 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.