Velocity WPO 20101207 steve souders
•
4 j'aime•756 vues
5年前只有开发人员关心网站的性能。而今天认识到快速网站重要性的群体已经扩展至更广泛的范围，包括销售团队、市场部门、商业开发人员以及更高的管理层。这就导致一个新产业的出现──WPO（Web Performance Optimization ，网站性能优化）。现有的厂商在增加网站性能服务。创业公司则提供提高用户体验的新技术。主流网站在购买这些服务的同时自己也开发更多的服务和技术。采用WPO技术的网站能吸引更多的用户，提供更好的用户体验，增加收入，并且降低成本。5年来我们走了很长的一段路，让我们共同回顾一下在让网站变得更快的道路上的一些成就。
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Velocity WPO 20101207 steve souders
Similaire à Velocity WPO 20101207 steve souders (20)
Plus de Michael Zhang
Plus de Michael Zhang (20)
Dernier
Dernier (20)
Velocity WPO 20101207 steve souders
- 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.”
- 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%!
- 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
- 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/