網(wǎng)站性能優(yōu)化

1、網(wǎng)絡(luò)電視事業(yè)部 開(kāi)發(fā)工程師 什么是網(wǎng)站性能 為什么要做性能優(yōu)化 誰(shuí)去做 怎么做 一點(diǎn)實(shí)踐Amazon： EXP .1 EXP .2 前端工程師 ? or 運(yùn)維工程師 ?http:/ cachehttp:/ Round-Trip Time ) 查詢DNS建立鏈接發(fā)送請(qǐng)求等待響應(yīng)返回?cái)?shù)據(jù)處理數(shù)據(jù)渲染元素讀取cache預(yù)處理建立鏈接發(fā)送請(qǐng)求等待響應(yīng)返回?cái)?shù)據(jù)處理數(shù)據(jù)渲染元素讀取cache預(yù)處理查詢DNS發(fā)送請(qǐng)求等待響應(yīng)返回?cái)?shù)據(jù)處理數(shù)據(jù)渲染元素讀取cacheHUser-AgentMozilla/5.0 Gecko/20101026 Firefox/3.6.12Accepttext/html,applic

2、ation/xhtml+xml,application/xmlAccept-Languagezh-cn,zhAccept-Encodinggzip,deflateAccept-CharsetGB2312,utf-8Keep-Alive115Connectionkeep-aliveCookieALLYESID4=01A1BC8DCF97116F預(yù)處理查詢DNS建立鏈接等待響應(yīng)返回?cái)?shù)據(jù)處理數(shù)據(jù)渲染元素讀取cache預(yù)處理查詢DNS建立鏈接發(fā)送請(qǐng)求返回?cái)?shù)據(jù)處理數(shù)據(jù)渲染元素讀取cache服務(wù)器負(fù)載數(shù)據(jù)庫(kù)查詢服務(wù)端緩存預(yù)處理查詢DNS建立鏈接發(fā)送請(qǐng)求等待響應(yīng)處理數(shù)據(jù)渲染元素讀取cache受帶寬影響 JS

3、，CSS，HTML 做gzip壓縮 刪除js，css文件的注釋 刪除無(wú)效的css 緩存改動(dòng)不大的文件緩存favicon.ico文件 精簡(jiǎn)HTML減少DOM元素 優(yōu)化img文件文件大小預(yù)處理查詢DNS建立鏈接發(fā)送請(qǐng)求等待響應(yīng)返回?cái)?shù)據(jù)處理數(shù)據(jù)渲染元素 響應(yīng)304請(qǐng)求Cache-Controlcache-control: max-age=31536000cache-control: privatecache-control: no-cacheExpires expires: Sat, 04 Dec 2010 01:00:43 GMT預(yù)處理查詢DNS建立鏈接發(fā)送請(qǐng)求等待響應(yīng)返回?cái)?shù)據(jù)渲染元素讀取cach

4、e不要對(duì)img進(jìn)行Gzip壓縮預(yù)處理查詢DNS建立鏈接發(fā)送請(qǐng)求等待響應(yīng)返回?cái)?shù)據(jù)處理數(shù)據(jù)讀取cacheHTML 減少DOM IMG注明：width，heightCSS CSS放在頂部 避免import 避免使用低效選擇符CSSJavaScript script放在head內(nèi)？ JavaScript放在底部 算法，循環(huán)解析HTML，樣式計(jì)算，布局，DOM操作，JS解析nhttp:/2010.2cacheno cachenhttp:/nhttp:/nhttp:/nhttp:/HTML去掉注釋，回車(chē)符，以及無(wú)效字節(jié)可節(jié)省 65K ( 28%）JavaScript利用 JSMin / YUI Compr

5、essor 工具（每個(gè)JS文件可降低26%文件大?。﹏http:/http:/ http:/ http:/ http:/ JavaScriptCSSnhttp:/( http:/ )Minifyscript type=text/javascript”src=http:/ min文件夾 到 網(wǎng)站目錄下，配置 min/config.phpApache配置 mod_Rewrite 或者使用g參數(shù)（需配置min/groupsConfig.php）Done！28X28nhttp:/.no3 background : transparent url( ./images/no713.jpg );backgr

6、ound-position : 0 -30px;width : 15px;height : 15px;nhttp:/ http:/ 第一時(shí)間顯示logo圖和背景，避免空白和無(wú)背景l(fā)在img標(biāo)簽中指定尺寸： 提升瀏覽器渲染效率Googlel預(yù)處理nhttp:/CSS放到header中：避免白屏Javascript放置底部：避免阻塞下載JS ，CSS 寫(xiě)在html內(nèi)？還是外部link？nhttp:/廣告與頁(yè)面分離增加并行下載數(shù)提升整站下載時(shí)間nhttp:/http:/ (88% reduction).http:/ (45% reduction)http:/ (36% reduction)壓縮html文件，js文件，css文件?？蓽p少文件大小至少60%TYPESIZEGZIPURLd