1. the
WPO
Industry is Here
stevesouders.com/docs/velocity-wpo-20101207.pptx
Disclaimer: This content does not necessarily reflect the opinions of my employer.

2. 2004

3. carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/
#1. Speed: “First and
foremost, we believe that
speed is more than a feature.
Speed is the most important
feature.”

4. en.oreilly.com/velocity2009/public/schedule/detail/8523

5. en.oreilly.com/velocity2009/public/schedule/detail/8523

6. slideshare.net/stoyan/yslow-20-presentation
slideshare.net/stoyan/dont-make-me-wait-or-building-highperformance-web-applications

7. blog.mozilla.com/metrics/category/website-optimization/
…shaved 2.2 seconds off
the average page load time
and increased download
conversions by 15.4%!

8. en.oreilly.com/velocity2009/public/schedule/detail/7709
blog.mozilla.com/metrics/category/website-optimization/
…shaved 2.2 seconds off
the average page load time
and increased download
conversions by 15.4%!

9. en.oreilly.com/velocity2008/public/schedule/detail/3632

10. Site speed in search rank
Screen shot of blogdecided to take site
…we've post
speed into account in our
search rankings.
googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-

12. YSlow
Both use CSS sprites
combine scripts use a CDN
combine stylesheets configure ETags
add an Expires header use GET for Ajax requests
gzip responses reduce # of DOM elements
put stylesheets at the top no 404s
put scripts at the bottom avoid image filters
avoid CSS expressions optimize favicon
make JS and CSS external
Page Speed
reduce DNS lookups
minify JS and CSS
avoid redirects defer loading JS
remove duplicate scripts remove unused CSS
make Ajax cacheable use efficient CSS selectors
reduce cookie size optimize images
use cookie-free domains optimize order of CSS & JS
don't scale images shard domains
leverage proxy caching

16. Web
WPO Performance
Optimization
drives traffic
improves UX
increases revenue
reduces costs
flickr.com/photos/pedromourapinheiro/3123885534/

17. 2004

18. carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/
#1. Speed: “First and
foremost, we believe that
speed is more than a feature.
Speed is the most important
feature.”

19. Response Time, Page Weight,
YSlow Grade

20. Strong Correlation
total page weight
response time
inverse YSlow grade
correlation(resp time, page weight) = 0.94
correlation(inverse YSlow, resp time) = 0.76
correlation(inverse YSlow, page weight) = 0.59

21. WPO evolution

22. WPO evolution
measure Yahoo! Boomerang
stevesouders.com/episodes
Jiffy
WebPagetest.org
ShowSlow.com

23. WPO evolution
measure Firebug
Fiddler
profile HttpWatch
Speed Tracer
Web Inspector
dynaTrace

24. WPO evolution
measure domain sharding
profile concatenation
sprites vs. MHTML
research WebP
prefetch
SPDY, cwnd=10

25. WPO evolution
measure
High Performance &
profile Even Faster Web Sites
research High Performance JS
code.google.com/speed/
best practices developer.yahoo.com/
performance/
stevesouders.com/blog
perfplanet.com/

26. WPO evolution
measure
profile
research
Velocity China!
best practices workshops
evangelize university
case studies
blogs

27. WPO evolution
measure
profile
research
best practices
evangelize
Page Speed
lint YSlow

28. WPO evolution
measure
profile
research
best practices
evangelize
lint
automate

39. Search

40. Shopping

41. Jenn Lukas Ray Morgan Makinde Adeagbo
Happy Cog Zappos.com Facebook
flickr.com/photos/waltzaround/4041024134/

42. WPO evolution
measure for mobile
profile
research
best practices
evangelize
lint
automate

43. WPO evolution
measure for mobile
profile
research
best practices
evangelize
lint
automate

46. Steve Souders
@souders
stevesouders.com/docs/velocity-wpo-20101207.pptx
flickr.com/photos/myklroventine/4062102754/