Design for Performance
28
Designing for Performance
-
Upload
jon-boutelle -
Category
Technology
-
view
13.596 -
download
0
description
My deck from Warm Gun 2010 (October 8th in SF). Mostly client-side performance, with a touch of server side thrown in for flavor. Enjoy!
Transcript of Design for Performance
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
