新聞發(fā)布
管理系統(tǒng)在前一篇隨筆大型網(wǎng)站系統(tǒng)架構(gòu)的演化中，介紹了大型網(wǎng)站的演化過(guò)程，期間穿插了一些技術(shù)和手段，我們可以從中看出一個(gè)大型網(wǎng)站的輪廓，但想要掌握設(shè)計(jì)開發(fā)維護(hù)大型網(wǎng)站的技術(shù)，需要我們一步一步去研究實(shí)踐 所以我打算寫一個(gè)系列，從理論到實(shí)踐講述大型網(wǎng)站的點(diǎn)滴，這也是一個(gè)共同學(xué)習(xí)的過(guò)程，希望自己能堅(jiān)持下去 系列大概會(huì)分為兩部分，理論和實(shí)踐，理論部分盡量通俗易懂，也要講一些細(xì)節(jié) 實(shí)踐部分會(huì)抽取一些技術(shù)做實(shí)踐，將方法、解決問(wèn)題過(guò)程分享出來(lái) 本文將講述大型網(wǎng)站中一個(gè)重要的要素，性能
什么是性能
有人說(shuō)性能就是訪問(wèn)速度快慢，這是直觀的說(shuō)法，也是用戶的真實(shí)體驗(yàn) 一個(gè)用戶從輸入網(wǎng)址到按下回車鍵，看到網(wǎng)頁(yè)的快慢，這就是性能 對(duì)于我們來(lái)說(shuō)，需要去挖掘這個(gè)過(guò)程，因?yàn)檫@決定我們?cè)趺慈プ鲂阅軆?yōu)化
這中間發(fā)生了什么？
用戶訪問(wèn)網(wǎng)站的整個(gè)流程 用戶輸入網(wǎng)站域名，通過(guò)DNS解析，找到目標(biāo)服務(wù)器IP，請(qǐng)求數(shù)據(jù)經(jīng)互聯(lián)網(wǎng)達(dá)到目標(biāo)服務(wù)器，目標(biāo)服務(wù)器收到請(qǐng)求數(shù)據(jù)，進(jìn)行處理（執(zhí)行程序、訪問(wèn)數(shù)據(jù)庫(kù)、文件服務(wù)器等） 處理完成，將響應(yīng)數(shù)據(jù)又經(jīng)互聯(lián)網(wǎng)返回給用戶瀏覽器，瀏覽器得到結(jié)果進(jìn)行計(jì)算渲染顯示給用戶
我們把整個(gè)過(guò)程，分為三段路徑
1、第一段在用戶和瀏覽器端，主要負(fù)責(zé)發(fā)出用戶請(qǐng)求，以及接受響應(yīng)數(shù)據(jù)進(jìn)行計(jì)算渲染顯示給用戶；
2、第二段在網(wǎng)絡(luò)上，負(fù)責(zé)對(duì)請(qǐng)求數(shù)據(jù)、響應(yīng)數(shù)據(jù)的傳輸；
3、第三段在網(wǎng)站服務(wù)器端，負(fù)責(zé)對(duì)請(qǐng)求數(shù)據(jù)進(jìn)行處理（執(zhí)行程序、訪問(wèn)數(shù)據(jù)庫(kù)、文件等），并將結(jié)果返回；
第一路徑
第一路徑花費(fèi)的時(shí)間包括輸入域名發(fā)起請(qǐng)求的時(shí)間和瀏覽器收到響應(yīng)后計(jì)算渲染的時(shí)間
輸入域名發(fā)起請(qǐng)求，實(shí)質(zhì)過(guò)程是
1、用戶在瀏覽器輸入要訪問(wèn)的網(wǎng)站域名；
2、本地DNS請(qǐng)求網(wǎng)站授權(quán)的DNS服務(wù)器對(duì)域名進(jìn)行解析，并得到解析結(jié)果即IP地址（并將IP地址緩存起來(lái)）
3、向目標(biāo)IP地址發(fā)出請(qǐng)求
從這個(gè)過(guò)程我們可以看到，優(yōu)化的地方主要是減少DNS解析次數(shù)，而如果用戶瀏覽器設(shè)置了緩存，則再第二次訪問(wèn)相同域名的時(shí)候就不會(huì)去請(qǐng)求DNS服務(wù)器，直接用緩存中的IP地址發(fā)出請(qǐng)求 因此這個(gè)過(guò)程主要取決于瀏覽器的設(shè)置 現(xiàn)在主流的瀏覽器默認(rèn)設(shè)置了DNS的預(yù)取功能（DNS Prefetch），當(dāng)然你也可以主動(dòng)告知瀏覽器我的網(wǎng)站需要做DNS預(yù)取
瀏覽器將數(shù)據(jù)進(jìn)行計(jì)算渲染的過(guò)程
1、瀏覽器解析響應(yīng)數(shù)據(jù)；
2、瀏覽器創(chuàng)建DOM樹；
3、瀏覽器下載CSS樣式，并應(yīng)用到DOM樹，進(jìn)行渲染；
4、瀏覽器下載JS文件，開始解析執(zhí)行；
5、顯示給用戶
從這個(gè)過(guò)程，我們可以找出不少可以優(yōu)化的地方 首先我們可以盡量控制頁(yè)面大小，使得瀏覽器解析的時(shí)間更短；并且將多個(gè)CSS文件、JS文件文件合并壓縮減少文件下載的次數(shù)和大?。涣硗?意將CSS放在頁(yè)面前面，JS訪問(wèn)頁(yè)面后面，這樣便于頁(yè)面首先能渲染出來(lái)，再執(zhí)行js腳本，對(duì)于用戶來(lái)說(shuō)有更好的體驗(yàn) 后我還可以設(shè)置瀏覽器緩存，下次訪問(wèn)時(shí)從緩存讀取內(nèi)容，減少http請(qǐng)求
該代碼說(shuō)明了瀏覽器啟用了緩存并在5秒內(nèi)不會(huì)再次訪問(wèn)服務(wù)器 意緩存的設(shè)置需要結(jié)合你的業(yè)務(wù)特性來(lái)適當(dāng)配置
以下是京東商城的HTML簡(jiǎn)圖
css樣式放在html前面，并且進(jìn)行了合并
大多數(shù)的JS文件放在頁(yè)尾
