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