http://flic.kr/p/5DBgES Optimizing for Mobile Performance presented by Tim Kadlec at The Rich Web Experience 2011 in Fort Lauderdale, FL timkadlec.com @tkadlec
Jeff Bezos (July 2010) In the last twelve months, customers around the world have ordered more than US $1 billion of products from Amazon using a mobile device. Source: http://bit.ly/oKcI3e
71% 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 Source: http://bit.ly/w2Dg3W
<= 1 second 2 seconds 3 seconds 4 seconds 5 seconds > 5 seconds 30% 14% 21% 24% 11% 18% 12% How quickly should a mobile site load? Source: http://bit.ly/tB9Q3T
Use a script loader <br/>$LAB<br/>.script("myScript.js")<br/>.script("bonusScript.js");<br/> http://labjs.com/ <br/>$script(“myScript.js”);<br/>$script(“bonusScript.js”);<br/> http://dustindiaz.com/scriptjs
http://googlecode.blogspot.com/2009/09/gmail-for-mobile-html5-series-reducing.html 200k of JavaScript held within a block comment adds 240ms during page load, whereas 200k of JavaScript that is parsed during page load added 2600 ms.
Alex MacCaw http://alexmaccaw.co.uk/posts/async_ui ...interfaces should be completely non- blocking. Interactions should be resolved instantly; there should be no loading messages or spinners.
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: *
A few AppCache resources http://www.html5rocks.com/tutorials/appcache/beginner/ http://appcachefacts.info/ http://www.webdirections.org/blog/get-offline/ http://www.stevesouders.com/blog/2011/10/03/improving- app-cache/
Joshua Bixby Source: http://bit.ly/mXUvR7 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.