Your SlideShare is downloading. ×
0
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...
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...
http://www.youtube.com/watch?v=UIlrnJsO_xA
Enterprise Application    COMPANY BACKGROUND               Extranet application: login required               Task based...
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
Advanced Mobile                              Acceleration© 2010 Strangeloop Networks       Strangeloop. Faster Websites. A...
COMPONENTS OF A MOBILE WEB PAGE LOAD*Diagram courtesy of Google.
MOBILE DELIVERY COMPLEXITY                     Desktop         MobileScreen size          Big             SmallRoundtrip t...
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...
SPDY
Dynamic Image Resizing       5.5kb             3.8kb           1.5kb Dynamic imageresizing based on   device type       = ...
Dynamic Payload Decision Making  WIFI                                3G                          Resources                ...
New IE6 problem?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Advanced Mobile Optimization: How does it work? How do we measure success?
Upcoming SlideShare
Loading in...5
×

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

7,677

Published on

In January 2012, Strangeloop president Joshua Bixby presented this session at the San Francisco/Silicon Valley Web Performance Meetup Group.

Published in: Technology, Design
1 Comment
6 Likes
Statistics
Notes
No Downloads
Views
Total Views
7,677
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
40
Comments
1
Likes
6
Embeds 0
No embeds

No notes for slide

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

  1. 1. ADVANCED MOBILE OPTIMIZATION How do we measure success? How does it work?
  2. 2. http://www.youtube.com/watch?v=UbXAkbs9RX8
  3. 3. http://www.youtube.com/watch?v=g9_S492uq_A
  4. 4. http://www.youtube.com/watch?v=-wom2PDUidY
  5. 5. Retail customerCOMPANY BACKGROUND  Top 200 Internet Retailer site  US based  Target geography: US and Europe  $3 billion in revenue  30,000 employees
  6. 6. http://www.youtube.com/watch?v=BV4M9yXAW9E
  7. 7. http://www.youtube.com/watch?v=4SbMKhhw6IU
  8. 8. 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
  9. 9. http://www.youtube.com/watch?v=UIlrnJsO_xA
  10. 10. 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
  11. 11. http://www.youtube.com/watch?v=CCXD9eF2ekQ
  12. 12. http://www.youtube.com/watch?v=yl50jpM9iJ8
  13. 13. http://www.youtube.com/watch?v=XgYt71_wtKc
  14. 14. http://www.youtube.com/watch?v=GrcZ-nwhT4A
  15. 15. Advanced Mobile Acceleration© 2010 Strangeloop Networks Strangeloop. Faster Websites. Automatically. 50
  16. 16. COMPONENTS OF A MOBILE WEB PAGE LOAD*Diagram courtesy of Google.
  17. 17. 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)
  18. 18. MOBILE CACHE UNOPTIMIZEDPage 1 (First View) Page 1 (Repeat View) Page 2 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
  19. 19. MOBILE CACHE OPTIMIZEDPage 1 (First View) Page 1 (Repeat View) Page 2 (First View)
  20. 20. SCRIPTABLE CACHE + USER TRACKING
  21. 21. 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.
  22. 22. SPDY
  23. 23. Dynamic Image Resizing 5.5kb 3.8kb 1.5kb Dynamic imageresizing based on device type = Dramatic payload reduction
  24. 24. Dynamic Payload Decision Making WIFI 3G Resources for next page(s)Auto detect connection type and latency based on each session
  25. 25. New IE6 problem?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×