Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Performance: An Overview

Web Performance: An Overview

This was a quick afternoon chat that I put together for a team of designers and developers. The talk covered the basic premises of performance, and then discussed performance through the lens of our every day work with web technologies.

This exposed the designers to tools and practices in development, and exposed the developers to tooling and profiling with regards to CSS and layout.

Pete Karl II

July 24, 2013

More Decks by Pete Karl II

Other Decks in Technology


  1. Resources ★ Google’s Chrome Developer Tools Documentation https://developers.google.com/chrome-developer-tools/ ★ Google’s

    web performance best practices https://developers.google.com/speed/docs/best-practices/rules_intro ★ 14 Rules for High Performance Web Sites http://stevesouders.com/hpws/rules.php ★ Introduction to HTTP http://jmarshall.com/easy/http/ ★ Pete’s simple JSPerf demo http://jsperf.com/slow-js-demo ★ CSS Explain (webkit selector analysis) http://josh.github.io/css-explain/ ★ Improving the performance of your HTML5 app (applies to any web site) http://www.html5rocks.com/en/tutorials/speed/html5/ ★ MDN Introduction to Memory Management https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management