Title: The return of Rob Feature and Matt Farina Plus Web Performance Optimization

Rob and Matt are back for the summer
What have we been up to?
What about that project we left to do? A status update.
ebooks vs real books
Web Performance Optimization
https://secure.wikimedia.org/wikipedia/en/wiki/Web...
An emerging part of the web industry. The big names on the web analyzed performance impact and found it matters. A lot.
I’ve had sites where the html was rendered by the CMS in less than a half second and it took 4, 5, or even 6 seconds to render in the browser. This slow down is a problem and can drive people away.
Why does it matter to churches and ministries?
While a lot of performance technologies talked about in web communities apply to highly trafficked sites the principles behind WPO apply to even small sites.
Makes it more likely people will continue to use your site. (when sites work faster people spend more time there)
Affects SEO (google pagerank anyone?)
Some stats
Netflix – adopting gzip compression resulted in a 13 - 25% speedup and cut their outbound traffic by 50%.
97% of mobile response time in front end. 85% of desktop response time in front end. http://www.readwriteweb.com/hack/2011/06/mobile-pa...
Mozilla – Cutting 2.2s off their landing pages increased download conversions by 15.4% which they estimate as being an additional 60 million downloads of FF per year.
Yahoo – a 400ms slowdown resulted in a 5-9% drop in full page traffic.
What You Can with WPO
Understanding is important. While there has been a big push for faster JS that is only a small part of it. Understand how browsers work (at least the basics)
Number of parallel downloads.
Redrawing the screen.
Images
YSlow – originally written by Steve Souders and you’ll hear his name a lot here. http://developer.yahoo.com/yslow/
Google Pagespeed – http://pagespeed.googlelabs.com/
^^^^^^^ Follow the tips these provide ^^^^^^^
Optimize Images. In adobe products export you can export/save optimized images. If you don’t have adobes tools (photoshop) than you can use smushit http://www.smushit.com/ysmush.it/
Limit number of files. Explain network issues (3 and 4 g)
Use Sprites. Get the css easily with sprite cow – http://www.spritecow.com/
The number of included files matters. Discuss how browsers get files.
Minify JS
Aggregate JS and CSS to limit them
Browser caching
Other good sites and info
http://httparchive.org/
Google Webmaster tools -> Labs > Performance
http://stevesouders.com/
http://velocityconf.com/
http://drupal.org/project/spritesheets (d7)
http://drupal.org/project/sprites (d6)