• Like
Velocity wpo-20101207 stevesouders
Upcoming SlideShare
Loading in...5
×

Velocity wpo-20101207 stevesouders

  • 785 views
Uploaded on

 

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
785
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
4
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. theWPOIndustry is Herestevesouders.com/docs/velocity-wpo-20101207.pptxDisclaimer: 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-presentationslideshare.net/stoyan/dont-make-me-wait-or-building-highperformance-web-applications
  • 7. blog.mozilla.com/metrics/category/website-optimization/…shaved 2.2 seconds offthe average page load timeand increased downloadconversions by 15.4%!
  • 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. en.oreilly.com/velocity2008/public/schedule/detail/3632
  • 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. 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. WebWPO Performance Optimizationdrives trafficimproves UXincreases revenuereduces costs flickr.com/photos/pedromourapinheiro/3123885534/
  • 13. 2004
  • 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. Response Time, Page Weight, YSlow Grade
  • 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. WPO evolution
  • 18. WPO evolutionmeasure Yahoo! Boomerang stevesouders.com/episodes Jiffy WebPagetest.org ShowSlow.com
  • 19. WPO evolutionmeasure Firebug Fiddlerprofile HttpWatch Speed Tracer Web Inspector dynaTrace
  • 20. WPO evolutionmeasure domain shardingprofile concatenation sprites vs. MHTMLresearch WebP prefetch SPDY, cwnd=10
  • 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. WPO evolutionmeasureprofileresearch Velocity China!best practices workshopsevangelize university case studies blogs
  • 23. WPO evolutionmeasureprofileresearchbest practicesevangelize Page Speedlint YSlow
  • 24. WPO evolutionmeasureprofileresearchbest practicesevangelizelintautomate
  • 25. Search
  • 26. Shopping
  • 27. Jenn Lukas Ray Morgan Makinde AdeagboHappy Cog Zappos.com Facebook flickr.com/photos/waltzaround/4041024134/
  • 28. WPO evolutionmeasure for mobileprofileresearchbest practicesevangelizelintautomate
  • 29. WPO evolutionmeasure for mobileprofileresearchbest practicesevangelizelintautomate
  • 30. Steve Souders @soudersstevesouders.com/docs/velocity-wpo-20101207.pptx flickr.com/photos/myklroventine/4062102754/