WebPerformanceAndOptimisation.md

== Resources ==

=== Performance ===

• [http://bit.ly/fluent-perf Web performance crash course]
• [http://www.youtube.com/watch?v=Il4swGfTOSM Breaking the 1000ms Time to Glass Mobile Barrier]
• [http://www.smashingmagazine.com/2013/06/10/pinterest-paint-performance-case-study/ Gone In 60 Frames Per Second: A Pinterest Paint Performance Case Study]
• [http://bit.ly/mobilecrp Optimizing the Critical Rending Path - Velocity SC 2013]
• [http://dev.opera.com/articles/view/better-performance-with-requestanimationframe/ Better performance with requestAnimationFrame]
• [http://www.lukew.com/ff/entry.asp?1793 Smashing Conf: 60 Frames Per Second]
• [https://www.youtube.com/watch?v=HAqjyCH_LOE Performance Tooling by Paul Irish (video recording from SFHTML5)]

=== Optimisation ===

• [http://timkadlec.com/2013/06/why-we-need-responsive-images/ Why We Need Responsive Images]
• [https://developers.google.com/speed/docs/best-practices/rendering Optimize browser rendering]
• [http://mobile.smashingmagazine.com/2013/04/03/build-fast-loading-mobile-website/ How To Make Your Websites Faster On Mobile Devices]

=== JavaScript ===

• [https://speakerdeck.com/fabien_doiron/library-free-javascript-development Library-free JavaScript development (OttawaJS, 14 August 2013)]

=== CSS ===

• [http://wilsonpage.tumblr.com/post/58645936632/layout-boundaries Layout Boundaries]
• [https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS Writing efficient CSS]
• [http://csswizardry.com/2011/09/writing-efficient-css-selectors/ Writing efficient CSS selectors]

=== Images ===

• [http://www.slideshare.net/guypod/a-picture-costs-a-thousand-words18062013 A picture costs a thousand words]