Designing for Performance

Why bother?

http://assets.en.oreilly.com/1/event/29/Keynote%20Presentation%202.pdf

The PerformanceBible

Rule #1: Make Fewer Http Requests

Un-Spriteable images

login.js

global.js

combined.js

->

Development Production

->

External JavaScript & CSS

2) Use a CDN

3) Use Expires Headers

Cache-Control: max-age=315360000

www.slideshare.net/combined.css?v=123456

www.slideshare.net/combined.css?v=435678

<generate new version of combined.css, since one of the css files changed>

External CSS & Javascript WITHOUT Far-future expires

headers

External Images without far-future expires headers

Measuring Client-Side Performance

Server-Side Performance

Understand where your bottlenecks are

memcached

Be Lazy

Think Ahead!

Building performance into your culture