Building Faster Websites 

http://www.slideshare.net/mattfarina 

Matt Farina HP Cloud Co-Author of Drupal 7 Module Development Core Contributor Over 6.5 Years With Drupal (mfer) 

CENSORED Company Name 

“The web is getting fatter, as much as 25 percent fatter in the last year alone.” http://www.webmonkey.com/2011/11/latest-stats-say-were-building-a-fatter-slower-web/ 

“size optimization seems to have gone out the window.” http://www.webmonkey.com/2011/11/latest-stats-say-were-building-a-fatter-slower-web/ 

Why Does It Matter? 

By 2015 Mobile will pass Desktop for Internet Usage http://mashable.com/2010/04/13/mobile-web-stats/ 

“57 percent of online shoppers will wait three seconds or less before abandoning the site” http://www.akamai.com/html/about/press/releases/2010/press_061410.html 

“85% of mobile users expect sites to load as fast or faster than sites on the desktop.” http://www.strangeloopnetworks.com/resources/infographics/web-performance-and-user-expectations/mobile-device-users-expect-sites-to-load-fast/ 

“Yahoo! reported that making pages just 400 milliseconds slower resulted in a traffic drop of up to 9%.” http://www.slideshare.net/stoyan/yslow-20-presentation 

SEO http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html 

No content

15% 85% Front End Back End 3% 97% Front End Back End Desktop Mobile http://www.readwriteweb.com/hack/2011/06/mobile-page-response.php 

Bandwidth and Speed 

Smaller Images Original 33% Smaller 

ImageOptim (mac) smushit.com 

Minify JS Original 24% the Size 

UglifyJS https://github.com/mishoo/UglifyJS/ 

Legalities of Minifying GPL • I’m NO Lawyer! This is not legal advice. • JS downloaded to the browser is a form of distribution. • The source (non-minified) must be linked to or available. This could be a link in a comment in a minifed file. • Preserve copyright / attribution comments. 

GZIP Compression mod_deflate - http://httpd.apache.org/docs/2.2/mod/ mod_deflate.html 

RTT and Connections 

No content

6 Connections Per Domain 

IE 6/7 Two Per Domain 

iOS 5 Android 2.2 Android 2.3 Blackberry 6 4 6 5 Max Connections per Host 

Image Sprites 

spritecow.com 

JS and CSS Aggregation } 

Expires Header 

mod_expires http://httpd.apache.org/docs/2.2/mod/mod_expires.html 

# Begin Cache Control ExpiresActive On ExpiresByType image/gif A604800 ExpiresByType image/png A604800 ExpiresByType image/jpeg A604800 300 = 5 Minute 3600 = 1 Hour 86400 = 1 DAY 259200 = 3 DAY 604800 = 1 WEEK 2419200 = 1 MONTH 29030400 = 12 MONTH 

10x 

Mobile Hardware • Maybe a 1 Ghz mobile processor • 500 Mb - 1 Gb RAM (shared) • 7 - 90 Million Triangles per Second Drawing 

Do you remember when Facebook took down the Internet? 

var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; ga.setAttribute('async', 'true'); document.documentElement.firstChild.appendChild(ga); })(); async var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http:// www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/ javascript'%3E%3C/script%3E")); try{ var pageTracker = _gat._getTracker("UA-1362581-1");pageTracker._trackP ageview(); } catch(err) {} sync 

Tools 

No content

No content

No content

Questions?