theWPOIndustry is Herestevesouders.com/docs/velocity-wpo-20101207.pptxDisclaimer: This content does not necessarily reflec...
2004
carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/    #1. Speed:     “First and    fo...
en.oreilly.com/velocity2009/public/schedule/detail/8523
en.oreilly.com/velocity2009/public/schedule/detail/8523
slideshare.net/stoyan/yslow-20-presentationslideshare.net/stoyan/dont-make-me-wait-or-building-highperformance-web-applica...
blog.mozilla.com/metrics/category/website-optimization/…shaved 2.2 seconds offthe average page load timeand increased down...
en.oreilly.com/velocity2009/public/schedule/detail/7709          blog.mozilla.com/metrics/category/website-optimization/…s...
en.oreilly.com/velocity2008/public/schedule/detail/3632
Site speed in search rank Screen shot of blogdecided to take site          …weve post                     speed into accou...
YSlowBoth                         use CSS spritescombine scripts              use a CDNcombine stylesheets          config...
WebWPO        Performance           Optimizationdrives trafficimproves UXincreases revenuereduces costs          flickr.co...
2004
carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/    #1. Speed:     “First and    fo...
Response Time, Page Weight,        YSlow Grade
Strong Correlation  total page weight     response timeinverse YSlow grade   correlation(resp time, page weight) = 0.94  c...
WPO evolution
WPO evolutionmeasure   Yahoo! Boomerang          stevesouders.com/episodes          Jiffy          WebPagetest.org        ...
WPO evolutionmeasure   Firebug          Fiddlerprofile   HttpWatch          Speed Tracer          Web Inspector          d...
WPO evolutionmeasure    domain shardingprofile    concatenation           sprites vs. MHTMLresearch   WebP           prefe...
WPO evolutionmeasure                 High Performance &profile          Even Faster Web Sitesresearch         High Perform...
WPO evolutionmeasureprofileresearch                 Velocity China!best practices   workshopsevangelize       university  ...
WPO evolutionmeasureprofileresearchbest practicesevangelize                 Page Speedlint             YSlow
WPO evolutionmeasureprofileresearchbest practicesevangelizelintautomate
Search
Shopping
Jenn Lukas   Ray Morgan             Makinde AdeagboHappy Cog    Zappos.com                Facebook                   flick...
WPO evolutionmeasure  for mobileprofileresearchbest practicesevangelizelintautomate
WPO evolutionmeasure  for mobileprofileresearchbest practicesevangelizelintautomate
Steve Souders                                            @soudersstevesouders.com/docs/velocity-wpo-20101207.pptx         ...
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Velocity wpo-20101207 stevesouders
Upcoming SlideShare
Loading in …5
×

Velocity wpo-20101207 stevesouders

969 views
927 views

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
969
On SlideShare
0
From Embeds
0
Number of Embeds
90
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Velocity wpo-20101207 stevesouders

  1. 1. theWPOIndustry is Herestevesouders.com/docs/velocity-wpo-20101207.pptxDisclaimer: This content does not necessarily reflect the opinions of my employer.
  2. 2. 2004
  3. 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. 4. en.oreilly.com/velocity2009/public/schedule/detail/8523
  5. 5. en.oreilly.com/velocity2009/public/schedule/detail/8523
  6. 6. slideshare.net/stoyan/yslow-20-presentationslideshare.net/stoyan/dont-make-me-wait-or-building-highperformance-web-applications
  7. 7. blog.mozilla.com/metrics/category/website-optimization/…shaved 2.2 seconds offthe average page load timeand increased downloadconversions by 15.4%!
  8. 8. en.oreilly.com/velocity2009/public/schedule/detail/7709 blog.mozilla.com/metrics/category/website-optimization/…shaved 2.2 seconds offthe average page load timeand increased downloadconversions by 15.4%!
  9. 9. en.oreilly.com/velocity2008/public/schedule/detail/3632
  10. 10. Site speed in search rank Screen shot of blogdecided to take site …weve post speed into account in our search rankings.googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-
  11. 11. YSlowBoth use CSS spritescombine scripts use a CDNcombine stylesheets configure ETagsadd an Expires header use GET for Ajax requestsgzip responses reduce # of DOM elementsput stylesheets at the top no 404sput scripts at the bottom avoid image filtersavoid CSS expressions optimize faviconmake JS and CSS external Page Speedreduce DNS lookupsminify JS and CSSavoid redirects defer loading JSremove duplicate scripts remove unused CSSmake Ajax cacheable use efficient CSS selectorsreduce cookie size optimize imagesuse cookie-free domains optimize order of CSS & JSdont scale images shard domains leverage proxy caching
  12. 12. WebWPO Performance Optimizationdrives trafficimproves UXincreases revenuereduces costs flickr.com/photos/pedromourapinheiro/3123885534/
  13. 13. 2004
  14. 14. 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.”
  15. 15. Response Time, Page Weight, YSlow Grade
  16. 16. Strong Correlation total page weight response timeinverse YSlow grade correlation(resp time, page weight) = 0.94 correlation(inverse YSlow, resp time) = 0.76 correlation(inverse YSlow, page weight) = 0.59
  17. 17. WPO evolution
  18. 18. WPO evolutionmeasure Yahoo! Boomerang stevesouders.com/episodes Jiffy WebPagetest.org ShowSlow.com
  19. 19. WPO evolutionmeasure Firebug Fiddlerprofile HttpWatch Speed Tracer Web Inspector dynaTrace
  20. 20. WPO evolutionmeasure domain shardingprofile concatenation sprites vs. MHTMLresearch WebP prefetch SPDY, cwnd=10
  21. 21. WPO evolutionmeasure High Performance &profile Even Faster Web Sitesresearch High Performance JS code.google.com/speed/best practices developer.yahoo.com/ performance/ stevesouders.com/blog perfplanet.com/
  22. 22. WPO evolutionmeasureprofileresearch Velocity China!best practices workshopsevangelize university case studies blogs
  23. 23. WPO evolutionmeasureprofileresearchbest practicesevangelize Page Speedlint YSlow
  24. 24. WPO evolutionmeasureprofileresearchbest practicesevangelizelintautomate
  25. 25. Search
  26. 26. Shopping
  27. 27. Jenn Lukas Ray Morgan Makinde AdeagboHappy Cog Zappos.com Facebook flickr.com/photos/waltzaround/4041024134/
  28. 28. WPO evolutionmeasure for mobileprofileresearchbest practicesevangelizelintautomate
  29. 29. WPO evolutionmeasure for mobileprofileresearchbest practicesevangelizelintautomate
  30. 30. Steve Souders @soudersstevesouders.com/docs/velocity-wpo-20101207.pptx flickr.com/photos/myklroventine/4062102754/

×