Transcript High Performance Web Sites 14 rules for faster

State of Performance
http://stevesouders.com/docs/velocity-20090624.ppt
Disclaimer: This content does not necessarily reflect the opinions of my employer.
this past year
browser
browser
browser
smush.it
YSlow 2.0, Page Speed
JavaScript: The Good Parts
Velocity
how does your web feel?
http://www.flickr.com/photos/jimforest/2947582655/
http://www.flickr.com/photos/baldiri/6779355/
why?
web site owners
1. don't know their web site is slow
2. don't know what is slow
3. don't know how to fix it
4. don't/can't prioritize the fix
my site slow? really??
easy instrumentation – Jiffy + AppEngine
community opt-in – a la Alexa
trends
messaging
visualizations – MSFast
what to fix
HttpWatch, Firebug Net Panel, Fiddler
sample size?
non-network – HTML, JS, CSS
how to fix it
YSlow, Page Speed, Pagetest, VRTA,
neXpert, MSFast
sample size?
non-network – HTML, JS, CSS
backend
prioritizing the fix
tradeoffs, ROI
Bing: +1 second == -2.8% revenue
Google: +400ms == -0.76% searches/user
Shopzilla: faster: +7-12% revenue, -50%
nodes
wow versus infrastructure
technical constraints
BHAP
single threaded browsers
level of difficulty
connection speeds
mobile
ads
http://www.flickr.com/photos/steenslag/22689920/
things are getting better
future Expires
gzip CSS, JS
sprites
minify JS
March
2007
26%
5/10
2/10
4/10
March
2009
93%
10/10
9/10
9/10
AOL, eBay, Facebook, Google Search, Live Search, MSN, MySpace,
Wikipedia, Yahoo, YouTube
don't give up
optimize locally
think globally
cache "compiled" JS
multipart downloads
prefetching, preferred caching
WordPress, PHP, Dreamhost
fast-by-default
Internet infrastructure
Steve Souders
[email protected]
http://stevesouders.com/docs/velocity-20090624.ppt
http://www.flickr.com/photos/beija-flor/275474124/