8. In the last twelve months, customers
around the world have ordered more than
US $1 billion of products from Amazon
using a mobile device.
- Jeff Bezos (July 2010)
8 Source: http://phx.corporate-ir.net/phoenix.zhtml?c=97664&p=irol-newsArticle&ID=1451041&highlight=
Sunday, May 29, 2011
9. 2010: eBay mobile transactions were > $2 billion
2009: 600 million
9 Source: http://files.shareholder.com/downloads/ebay/1156981139x0x435896/9bd99676-b782-4784-87de-2899abe14a6d/eBay_Q42010EarningsRelease_Draft011911_FINAL.pdf
Sunday, May 29, 2011
10. If you’re not optimizing, you’re
throwing money away
10 http://www.flickr.com/photos/lisa_yarost/1592436195/in/photostream/
Sunday, May 29, 2011
11. Mobile users want fast experiences!
11 http://www.flickr.com/photos/thatguyfromcchs08/2300190277/
Sunday, May 29, 2011
12. 58% of mobile users expect websites
to load as quickly, almost as quickly
or faster on their mobile phone,
compared to the computer they use
at home
12
Sunday, May 29, 2011
13. 73% of users are willing to wait a
minute or less to complete a simple
transaction - like checking their bank
balance
13
Sunday, May 29, 2011
14. 14 Source: The business case for assuring the customer mobile Web experience
Sunday, May 29, 2011
15. So how are we doing?
15 http://www.flickr.com/photos/deepphoto/463648209/
Sunday, May 29, 2011
44. CACHE MANIFEST
someJS.js
someMoreJS.js
styles.css
/images/myGoodSide.png
/images/myBadSide.png
<html manifest="mySite.appcache">
AddType text/cache-manifest .appcache
Simple example
44
Sunday, May 29, 2011
45. CACHE MANIFEST
CACHE
someJS.js
NETWORK
login.php
FALLBACK
/online.php /offline.php
A bit more complicated
45
Sunday, May 29, 2011
46. Confess.js
46 https://github.com/jamesgpearce/confess
Sunday, May 29, 2011
47. Confess.js
phantomjs confess.js http://functionsource.com
47
Sunday, May 29, 2011
48. CACHE MANIFEST
# This manifest was created by confess.js, http://github.com/jamesgpearce/
confess
#
# Time: Wed Apr 13 2011 15:40:27 GMT-0700 (PDT)
# URL: http://functionsource.com
# UA: Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en-US) AppleWebKit/533.3
(KHTML, like Gecko) PhantomJS/1.1.0 Safari/533.3
#
# Any console output generated by this page or app is shown immediately
below. You'll need to remove this to create a valid manifest syntax.
# [Start of console output]
# [End of console output]
CACHE:
/javascripts/lib/jquery.js
/javascripts/lib/underscore.js
/javascripts/lib/backbone.js
........
http://functionsource.com/images/icons/rss.png
http://functionsource.com/images/icons/podcast.png
http://functionsource.com/images/icons/firehose.png
NETWORK:
*
Sunday, May 29, 2011
49. A few AppCache resources
http://www.html5rocks.com/tutorials/
appcache/beginner/
http://appcachefacts.info/
49
Sunday, May 29, 2011
50. Test. Rinse. Repeat.
50 http://www.flickr.com/photos/jurvetson/2798315677/
Sunday, May 29, 2011
51. Let’s look at some tools
51 http://www.flickr.com/photos/olibac/560079597/
Sunday, May 29, 2011
63. It took our community almost ten years to
generate meaningful data around regular
web performance. We don’t have that
luxury with the mobile internet.
- Joshua Bixby
63 Source: http://www.webperformancetoday.com/2010/07/22/mobile-web-performance-desperately-seeking-data/
Sunday, May 29, 2011