advanced mobile optimization: how does it work? how do we measure success?
DESCRIPTION
In January 2012, Strangeloop president Joshua Bixby presented this session at the San Francisco/Silicon Valley Web Performance Meetup Group.TRANSCRIPT
![Page 1: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/1.jpg)
ADVANCED MOBILE OPTIMIZATION
How do we measure success? How does it work?
![Page 2: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/2.jpg)
![Page 3: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/3.jpg)
![Page 5: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/5.jpg)
![Page 6: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/6.jpg)
![Page 7: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/7.jpg)
![Page 9: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/9.jpg)
![Page 10: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/10.jpg)
![Page 12: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/12.jpg)
![Page 13: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/13.jpg)
![Page 14: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/14.jpg)
Retail customer
Top 200 Internet Retailer site US based Target geography: US and Europe $3 billion in revenue 30,000 employees
COMPANY BACKGROUND
![Page 15: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/15.jpg)
![Page 16: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/16.jpg)
![Page 17: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/17.jpg)
![Page 18: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/18.jpg)
![Page 19: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/19.jpg)
![Page 20: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/20.jpg)
![Page 21: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/21.jpg)
![Page 22: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/22.jpg)
![Page 23: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/23.jpg)
![Page 24: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/24.jpg)
![Page 26: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/26.jpg)
![Page 28: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/28.jpg)
![Page 29: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/29.jpg)
![Page 30: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/30.jpg)
HTML DELAY EXPERIMENT
Determine impact of server delays
GOAL
SOURCE: ENTER SOURCE HERE
Delay before sending HTML page Different experiments with different
delays Small % of traffic Monitor negative impact
METHODOLOGY
![Page 31: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/31.jpg)
![Page 32: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/32.jpg)
![Page 33: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/33.jpg)
![Page 34: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/34.jpg)
![Page 36: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/36.jpg)
![Page 37: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/37.jpg)
Enterprise Application
Extranet application: login required Task based US based Target geography: US, Europe, and Asia Application launched in 2011
COMPANY BACKGROUND
SOURCE: ENTER SOURCE HERE
![Page 38: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/38.jpg)
![Page 40: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/40.jpg)
![Page 41: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/41.jpg)
![Page 43: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/43.jpg)
![Page 44: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/44.jpg)
![Page 46: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/46.jpg)
![Page 47: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/47.jpg)
![Page 49: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/49.jpg)
![Page 50: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/50.jpg)
© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 50
Advanced Mobile Acceleration
![Page 51: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/51.jpg)
COMPONENTS OF A MOBILE WEB PAGE LOAD
*Diagram courtesy of Google.
![Page 52: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/52.jpg)
MOBILE DELIVERY COMPLEXITY
Desktop Mobile
Screen size Big Small
Roundtrip time Low (20-50ms) High (100-300ms)
Bandwidth High Low
Navigation Mouse Touch
Processing speeds Fast Slow (10-20X slower)
![Page 53: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/53.jpg)
MOBILE CACHE UNOPTIMIZED
? ? ???????????????
Page 1 (First View) Page 1 (Repeat View) Page 2
??????????????
?????????????
?????????????
? ?? ? ?
??????????????
??????????????
?????????????
?????????????
? ?
![Page 54: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/54.jpg)
MOBILE CACHE OPTIMIZED
Page 1 (First View) Page 1 (Repeat View) Page 2 (First View)
![Page 55: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/55.jpg)
SCRIPTABLE CACHE + USER TRACKING
![Page 56: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/56.jpg)
3rd Party SLAs and timings
Defer inline scripts if they don’t meet the SLA.
e.g., If Optimost.com >200 ms, then defer.
Cancel scripts if they don’t meet the SLA.e.g., If Optimost.com >500 ms, then cancel.
![Page 57: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/57.jpg)
SPDY
![Page 58: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/58.jpg)
Dynamic Image Resizing
Dynamic image resizing based on
device type
5.5kb 3.8kb 1.5kb
Dramatic payload reduction=
![Page 59: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/59.jpg)
Dynamic Payload Decision Making
Auto detect connection type and latency based on each session
Resources for next page(s)
WIFI 3G
![Page 60: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/60.jpg)
New IE6 problem?
![Page 61: Advanced Mobile Optimization: How does it work? How do we measure success?](https://reader033.vdocuments.mx/reader033/viewer/2022061109/5451159aaf795960618b60ea/html5/thumbnails/61.jpg)