Advanced Mobile Optimization: How does it work? How do we measure success?

ADVANCED MOBILE OPTIMIZATION How do we measure success? How does it work?

http://www.youtube.com/watch?v=UbXAkbs9RX8

http://www.youtube.com/watch?v=g9_S492uq_A

http://www.youtube.com/watch?v=-wom2PDUidY

Retail customerCOMPANY BACKGROUND  Top 200 Internet Retailer site  US based  Target geography: US and Europe  $3 billion in revenue  30,000 employees

http://www.youtube.com/watch?v=BV4M9yXAW9E

http://www.youtube.com/watch?v=4SbMKhhw6IU

HTML DELAY EXPERIMENT GOAL  Determine impact of server delays METHODOLOGY  Delay before sending HTML page  Different experiments with different delays  Small % of traffic  Monitor negative impactSOURCE: ENTER SOURCE HERE

http://www.youtube.com/watch?v=UIlrnJsO_xA

Enterprise Application COMPANY BACKGROUND  Extranet application: login required  Task based  US based  Target geography: US, Europe, and Asia  Application launched in 2011SOURCE: ENTER SOURCE HERE

http://www.youtube.com/watch?v=CCXD9eF2ekQ

http://www.youtube.com/watch?v=yl50jpM9iJ8

http://www.youtube.com/watch?v=XgYt71_wtKc

http://www.youtube.com/watch?v=GrcZ-nwhT4A

COMPONENTS OF A MOBILE WEB PAGE LOAD*Diagram courtesy of Google.

MOBILE DELIVERY COMPLEXITY Desktop MobileScreen size Big SmallRoundtrip time Low (20-50ms) High (100-300ms)Bandwidth High LowNavigation Mouse TouchProcessing speeds Fast Slow (10-20X slower)

MOBILE CACHE UNOPTIMIZEDPage 1 (First View) Page 1 (Repeat View) Page 2 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

MOBILE CACHE OPTIMIZEDPage 1 (First View) Page 1 (Repeat View) Page 2 (First View)

SCRIPTABLE CACHE + USER TRACKING

3rd Party SLAs and timingsDefer 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.

Dynamic Image Resizing 5.5kb 3.8kb 1.5kb Dynamic imageresizing based on device type = Dramatic payload reduction

Dynamic Payload Decision Making WIFI 3G Resources for next page(s)Auto detect connection type and latency based on each session

New IE6 problem?

http://www.webperformancetoday.com	3819
http://www.perfplanet.com	1987
http://www.strangeloopnetworks.com	230
http://a0.twimg.com	14
http://www.newsblur.com	5
http://translate.googleusercontent.com	4
http://stage.strangeloopnetworks.com	3
http://www.hanrss.com	2
http://support.strangeloop.net	1
http://webcache.googleusercontent.com	1

Advanced Mobile Optimization: How does it work? How do we measure success?

by Strangeloop

Accessibility

Categories

Upload Details

Usage Rights

10 Embeds 6,066

Statistics

Advanced Mobile Optimization: How does it work? How do we measure success? Presentation Transcript