High Performance Web Sites 14 rules for faster .._1_

Document Sample
High Performance Web Sites 14 rules for faster .._1_ Powered By Docstoc
					the

WPO
Industry is Here


stevesouders.com/docs/velocity-wpo-20101207.pptx
Disclaimer: This content does not necessarily reflect the opinions of my employer.
2004
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.”
en.oreilly.com/velocity2009/public/schedule/detail/8523
en.oreilly.com/velocity2009/public/schedule/detail/8523
Yahoo!
 0.4 sec slower
 traffic  5-9%
                                          slideshare.net/stoyan/yslow-20-presentation
   slideshare.net/stoyan/dont-make-me-wait-or-building-highperformance-web-applications
          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
          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/velocity2008/public/schedule/detail/3632
            Site speed in search rank

          …we've post
 Screen shot of blogdecided to take site
                     speed into account in our
                     search rankings.




googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-
                             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
reduce DNS lookups
minify JS and CSS            Page Speed
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
           Web
WPO        Performance
           Optimization
drives traffic
improves UX
increases revenue
reduces costs
         flickr.com/photos/pedromourapinheiro/3123885534/
2004
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.”
Response Time, Page Weight,
       YSlow Grade
                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
WPO evolution
   WPO evolution
measure   Yahoo! Boomerang
          stevesouders.com/episodes

          Jiffy
          WebPagetest.org
          ShowSlow.com
   WPO evolution
measure   Firebug
          Fiddler
profile   HttpWatch
          Speed Tracer
          Web Inspector
          dynaTrace
   WPO evolution
measure    domain sharding
profile    concatenation
           sprites vs. MHTML
research   WebP
           prefetch
           SPDY, cwnd=10
    WPO evolution
measure
profile          High Performance &
                 Even Faster Web Sites
research         High Performance JS
                 code.google.com/speed/
best practices   developer.yahoo.com/pe
                   rformance/
                 stevesouders.com/blog
                 perfplanet.com/
    WPO evolution
measure
profile
research
                 Velocity China!
best practices   workshops
evangelize       university
                 case studies
                 blogs
    WPO evolution
measure
profile
research
best practices
evangelize
                 Page Speed
lint             YSlow
    WPO evolution
measure
profile
research
best practices
evangelize
lint
automate
Search
Shopping
Jenn Lukas   Ray Morgan            Makinde Adeagbo
Happy Cog    Zappos.com               Facebook



                  flickr.com/photos/waltzaround/4041024134/
   WPO evolution
measure  for mobile
profile
research
best practices
evangelize
lint
automate
   WPO evolution
measure  for mobile
profile
research
best practices
evangelize
lint
automate
                              Steve Souders
                                           @souders
stevesouders.com/docs/velocity-wpo-20101207.pptx
              flickr.com/photos/myklroventine/4062102754/

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:0
posted:6/13/2013
language:English
pages:46