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

7,925 views

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,925
On SlideShare
0
From Embeds
0
Number of Embeds
6,352
Actions
Shares
0
Downloads
41
Comments
1
Likes
6
Embeds 0
No embeds

No notes for slide

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?

×