SteveSouderssouders@google.comhttp://stevesouders.com/docs/sxsw-20090314.pptEvenFasterWebSitesDisclaimer:Thiscontentdoesnotnecessarilyreflecttheopinionsofmyemployer.17%83%iGoogle,primedcachetheimportanceoffrontendperformance9%91%iGoogle,emptycachetimespentonthefrontendEmptyCachePrimedCachewww.aol.com97%97%www.ebay.com95%81%www.facebook.com95%81%www.google.com/search47%0%search.live.com/results67%0%www.msn.com98%94%www.myspace.com98%98%en.wikipedia.org/wiki94%91%www.yahoo.com97%96%wwwyoutubecom98%97%April200814RULES1.MAKEFEWERHTTPREQUESTS2.USEACDN3.ADDANEXPIRESHEADER4.GZIPCOMPONENTS5.PUTSTYLESHEETSATTHETOP6.PUTSCRIPTSATTHEBOTTOM7.AVOIDCSSEXPRESSIONS8.MAKEJSANDCSSEXTERNAL9.REDUCEDNSLOOKUPS10.MINIFYJS11AVOIDREDIRECTS25%discountcode:"ssouders25"Sept2007June2009EvenFasterWebsitesSplittheinitialpayloadLoadscriptswithoutblockingCoupleasynchronousscriptsDon'tscatterinlinescriptsSplitthedominantdomainFlushthedocumentearlyUseiframessparinglySimplifyCSSSelectorsAjaxperformance(DougCrockford)WritingefficientJavaScript(NicholasZakas)Creatingresponsivewebapps(BenGalbraith,DionAlmaer)Comet(DylanSchiemann)BeyondGzipping(TonyGentilcore)OptimizeImages(StoyanStefanov,NicoleSullivan)AOLeBayFacebookMySpaceWikipediaYahoo!whyfocusonJavaScript?YouTubescriptsblockblocksparalleldownloadsandrenderinghttp://stevesouders.com/cuzillion/?ex=10008MSNScriptsandotherresourcesdownloadedinparallel!How?Secretsauce?!varp=g.getElementsByTagName("HEAD")[0];varc=g.createElement("script");c.type="text/javascript";c.onreadystatechange=n;c.onerror=c.onload=k;c.src=e;p.appendChild(c)MSN.com:parallelscriptsasynchronousscriptloadingXHREvalXHRInjectionScriptinIframeScriptDOMElementScriptDeferdocument.writeScriptTagXHREvalscriptmusthavesamedomainasmainpagemustrefactorscriptvarxhrObj=getXHRObject();xhrObj.onreadystatechange=function(){if(xhrObj.readyState!=4)return;eval(xhrObj.responseText);};xhrObj.open('GET','A.js',true);xhrObj.send('');http://stevesouders.com/cuzillion/?ex=10009XHRInjectionv...
