Velocity WPO 20101207 steve souders

1,381 views
1,292 views

Published on

5年前只有开发人员关心网站的性能。而今天认识到快速网站重要性的群体已经扩展至更广泛的范围,包括销售团队、市场部门、商业开发人员以及更高的管理层。这就导致一个新产业的出现──WPO(Web Performance Optimization ,网站性能优化)。现有的厂商在增加网站性能服务。创业公司则提供提高用户体验的新技术。主流网站在购买这些服务的同时自己也开发更多的服务和技术。采用WPO技术的网站能吸引更多的用户,提供更好的用户体验,增加收入,并且降低成本。5年来我们走了很长的一段路,让我们共同回顾一下在让网站变得更快的道路上的一些成就。

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,381
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Velocity WPO 20101207 steve souders

  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/

×