在前一篇隨筆大型網(wǎng)站建設(shè)的系統(tǒng)架構(gòu)的演化中，介紹了大型網(wǎng)站的演化過(guò)程，期間穿插了一些技術(shù)和手段，我們可以從中看出一個(gè)大型網(wǎng)站的輪廓，但想要掌握設(shè)計(jì)開(kāi)發(fā)維護(hù)大型網(wǎng)站的技術(shù)，需要我們一步一步去研究實(shí)踐。所以我打算寫(xiě)一個(gè)系列，從理論到實(shí)踐講述大型網(wǎng)站建設(shè)的點(diǎn)滴，這也是一個(gè)共同學(xué)習(xí)的過(guò)程，希望自己能堅(jiān)持下去。系列大概會(huì)分為兩部分，理論和實(shí)踐，理論部分盡量通俗易懂，也要講一些細(xì)節(jié)。實(shí)踐部分會(huì)抽取一些技術(shù)做實(shí)踐，將方法、解決問(wèn)題過(guò)程分享出來(lái)。本文將講述大型網(wǎng)站建設(shè)中一個(gè)重要的要素，性能。

什么是性能
有人說(shuō)性能就是訪問(wèn)速度快慢，這是最直觀的說(shuō)法，也是用戶的真實(shí)體驗(yàn)。一個(gè)用戶從輸入網(wǎng)址到按下回車(chē)鍵，看到網(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ù)?。?br>
瀏覽器將數(shù)據(jù)進(jìn)行計(jì)算渲染的過(guò)程：
1、瀏覽器解析響應(yīng)數(shù)據(jù)；
2、瀏覽器創(chuàng)建DOM樹(shù)；
3、瀏覽器下載CSS樣式，并應(yīng)用到DOM樹(shù)，進(jìn)行渲染；
4、瀏覽器下載JS文件，開(kāi)始解析執(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)求。

名稱欄目：南充網(wǎng)站建設(shè)大型網(wǎng)站建設(shè)的靈魂:性能
文章地址：http://aaarwkj.com/news/96718.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)