HighperformanceWebSitesrichardchang腾讯技术大讲堂不知大家有没有看过这个ppt以及这个架构图Yahoo’sCasePerformanceresearchand14rulesExceptionalPerformancestartedin2004quantifyandimprovetheperformanceofallYahoo!productsworldwidecenterofexpertisebuildtools,analyzedatagather,research,andevangelizebestpracticesScopeperformancebreaksintotwocategories–responsetime–efficiencycurrentfocusisresponsetimeofwebproductsTheImportanceofFront-EndPerformancepercentageoftimespentonthefront-endBack-endvs.Front-endEmptyCacheFullCacheamazon.com82%86%aol.com94%86%cnn.com81%92%ebay.com98%92%google.com86%64%msn.com97%95%myspace.com96%86%wikipedia.org80%88%yahoo.com95%88%youtube.com97%95%ThePerformanceGoldenRule80-90%oftheend-userresponsetimeisspentonthefront-end.Startthere.•Greaterpotentialforimprovement•Simpler•ProventoworkPerformanceResearchhttp://yuiblog.com/blog/2006/11/28/performance-research-part-1/80/20PerformanceRuleVilfredoPareto:80%ofconsequencescomefrom20%ofcausesFocusonthe20%thataffects80%oftheend-userresponsetime.Startatthefront-end.11userrequestswww.yahoo.com22userrequestsotherwebpages33userre-requestswww.yahoo.comEmptyvs.FullCache11userrequestswww.yahoo.com22userrequestsotherwebpages33userre-requestswww.yahoo.comEmptyvs.FullCache00.511.522.53imagestylesheetscriptscriptdnslookupimageimageimageimageimagednslookupscriptimageimageimageimageimageimageimageimagescriptimageimageimageimageimageimageimageimagescriptdnslookupimageimagehtmldnslookupwithanemptycache11userrequestswww.yahoo.com22userrequestsotherwebpages33userre-requestswww.yahoo.comEmptyvs.FullCacheEmptyvs.FullCache00.511.522.53imageimagehtmlExpiresheader11userrequestswww.yahoo.com22userrequestsotherwebpages33userre-requestswww.yahoo.comwithafullcacheEmptyvs.FullCacheemptycache2.4secondsfullcache0.9seconds83%fewerbytes90%fewerHTTPrequestsHowmuchdoesthisbenefitourusers?Itdependsonhowmanyusershavecomponentsincache.•Whatpercentageofusersviewapagewithanemptycache*?*“Emptycache”meansthebrowserhastorequestthecomponents...