velocity wpo-20101207 stevesouders
TRANSCRIPT
![Page 1: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/1.jpg)
stevesouders.com/docs/velocity-wpo-20101207.pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.
WPO Industry is Here
the
![Page 2: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/2.jpg)
2004
![Page 3: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/3.jpg)
#1. Speed: “First and foremost, we believe that speed is more than a feature. Speed is the most important feature.”
carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/
![Page 4: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/4.jpg)
en.oreilly.com/velocity2009/public/schedule/detail/8523
![Page 5: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/5.jpg)
en.oreilly.com/velocity2009/public/schedule/detail/8523
![Page 6: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/6.jpg)
slideshare.net/stoyan/yslow-20-presentation slideshare.net/stoyan/dont-make-me-wait-or-building-highperformance-web-applications
![Page 7: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/7.jpg)
…shaved 2.2 seconds off the average page load time and increased download conversions by 15.4%!
blog.mozilla.com/metrics/category/website-optimization/
![Page 8: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/8.jpg)
blog.mozilla.com/metrics/category/website-optimization/
…shaved 2.2 seconds off the average page load time and increased download conversions by 15.4%!
en.oreilly.com/velocity2009/public/schedule/detail/7709
![Page 9: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/9.jpg)
en.oreilly.com/velocity2008/public/schedule/detail/3632
![Page 10: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/10.jpg)
Site speed in search rank
Screen shot of blog post …we've decided to take site speed into account in our search rankings.
googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html
![Page 11: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/11.jpg)
![Page 12: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/12.jpg)
Both combine scripts combine stylesheets add an Expires header gzip responses put stylesheets at the top put scripts at the bottom avoid CSS expressions make JS and CSS external reduce DNS lookups minify JS and CSS avoid redirects remove duplicate scripts make Ajax cacheable reduce cookie size use cookie-free domains don't scale images
YSlow use CSS sprites use a CDN configure ETags use GET for Ajax requests reduce # of DOM elements no 404s avoid image filters optimize favicon
Page Speed defer loading JS remove unused CSS use efficient CSS selectors optimize images optimize order of CSS & JS shard domains leverage proxy caching
![Page 13: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/13.jpg)
![Page 14: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/14.jpg)
![Page 15: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/15.jpg)
![Page 16: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/16.jpg)
drives traffic improves UX increases revenue reduces costs
flickr.com/photos/pedromourapinheiro/3123885534/
Web Performance Optimization
WPO
![Page 17: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/17.jpg)
2004
![Page 18: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/18.jpg)
#1. Speed: “First and foremost, we believe that speed is more than a feature. Speed is the most important feature.”
carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/
![Page 19: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/19.jpg)
Response Time, Page Weight, YSlow Grade
![Page 20: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/20.jpg)
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
![Page 21: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/21.jpg)
WPO evolution
![Page 22: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/22.jpg)
WPO evolution Yahoo! Boomerang
stevesouders.com/episodes
Jiffy
WebPagetest.org
ShowSlow.com
measure
![Page 23: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/23.jpg)
WPO evolution Firebug
Fiddler
HttpWatch
Speed Tracer
Web Inspector
dynaTrace
measure profile
![Page 24: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/24.jpg)
WPO evolution domain sharding
concatenation
sprites vs. MHTML
WebP
prefetch
SPDY, cwnd=10
measure profile research
![Page 25: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/25.jpg)
WPO evolution
High Performance & Even Faster Web Sites
High Performance JS code.google.com/speed/
developer.yahoo.com/performance/
stevesouders.com/blog
perfplanet.com/
measure profile research best practices
![Page 26: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/26.jpg)
WPO evolution
Velocity China!
workshops
university
case studies
blogs
measure profile research best practices evangelize
![Page 27: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/27.jpg)
WPO evolution
Page Speed
YSlow
measure profile research best practices evangelize lint
![Page 28: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/28.jpg)
WPO evolution measure profile research best practices evangelize lint automate
![Page 29: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/29.jpg)
![Page 30: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/30.jpg)
![Page 31: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/31.jpg)
![Page 32: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/32.jpg)
![Page 33: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/33.jpg)
![Page 34: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/34.jpg)
![Page 35: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/35.jpg)
![Page 36: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/36.jpg)
![Page 37: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/37.jpg)
![Page 38: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/38.jpg)
![Page 39: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/39.jpg)
Search
![Page 40: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/40.jpg)
Shopping
![Page 41: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/41.jpg)
flickr.com/photos/waltzaround/4041024134/
Ray Morgan Zappos.com
Makinde Adeagbo Facebook
Jenn Lukas Happy Cog
![Page 42: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/42.jpg)
WPO evolution measure profile research best practices evangelize lint automate
for mobile
![Page 43: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/43.jpg)
WPO evolution measure profile research best practices evangelize lint automate
for mobile
![Page 44: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/44.jpg)
![Page 45: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/45.jpg)
![Page 46: Velocity wpo-20101207 stevesouders](https://reader033.vdocument.in/reader033/viewer/2022052621/55896e8ad8b42a6d7a8b4627/html5/thumbnails/46.jpg)
Steve Souders @souders
stevesouders.com/docs/velocity-wpo-20101207.pptx flickr.com/photos/myklroventine/4062102754/