南充網(wǎng)站建設大型網(wǎng)站建設的靈魂:性能

2021-01-11    分類: 網(wǎng)站建設

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

什么是性能
有人說性能就是訪問速度快慢,這是最直觀的說法,也是用戶的真實體驗。一個用戶從輸入網(wǎng)址到按下回車鍵,看到網(wǎng)頁的快慢,這就是性能。對于我們來說,需要去挖掘這個過程,因為這決定我們怎么去做性能優(yōu)化。

這中間發(fā)生了什么?
用戶訪問網(wǎng)站的整個流程:用戶輸入網(wǎng)站域名,通過DNS解析,找到目標服務器IP,請求數(shù)據(jù)經(jīng)互聯(lián)網(wǎng)達到目標服務器,目標服務器收到請求數(shù)據(jù),進行處理(執(zhí)行程序、訪問數(shù)據(jù)庫、文件服務器等)。處理完成,將響應數(shù)據(jù)又經(jīng)互聯(lián)網(wǎng)返回給用戶瀏覽器,瀏覽器得到結(jié)果進行計算渲染顯示給用戶。

我們把整個過程,分為三段路徑:
1、第一段在用戶和瀏覽器端,主要負責發(fā)出用戶請求,以及接受響應數(shù)據(jù)進行計算渲染顯示給用戶;
2、第二段在網(wǎng)絡上,負責對請求數(shù)據(jù)、響應數(shù)據(jù)的傳輸;
3、第三段在網(wǎng)站服務器端,負責對請求數(shù)據(jù)進行處理(執(zhí)行程序、訪問數(shù)據(jù)庫、文件等),并將結(jié)果返回;

第一路徑

第一路徑花費的時間包括輸入域名發(fā)起請求的時間和瀏覽器收到響應后計算渲染的時間。

輸入域名發(fā)起請求,實質(zhì)過程是:
1、用戶在瀏覽器輸入要訪問的網(wǎng)站域名;
2、本地DNS請求網(wǎng)站授權(quán)的DNS服務器對域名進行解析,并得到解析結(jié)果即IP地址(并將IP地址緩存起來)。
3、向目標IP地址發(fā)出請求。
從這個過程我們可以看到,優(yōu)化的地方主要是減少DNS解析次數(shù),而如果用戶瀏覽器設置了緩存,則再第二次訪問相同域名的時候就不會去請求DNS服務器,直接用緩存中的IP地址發(fā)出請求。因此這個過程主要取決于瀏覽器的設置?,F(xiàn)在主流的瀏覽器默認設置了DNS的預取功能(DNS Prefetch),當然你也可以主動告知瀏覽器我的網(wǎng)站需要做DNS預?。?br>
瀏覽器將數(shù)據(jù)進行計算渲染的過程:
1、瀏覽器解析響應數(shù)據(jù);
2、瀏覽器創(chuàng)建DOM樹;
3、瀏覽器下載CSS樣式,并應用到DOM樹,進行渲染;
4、瀏覽器下載JS文件,開始解析執(zhí)行;
5、顯示給用戶。
從這個過程,我們可以找出不少可以優(yōu)化的地方。首先我們可以盡量控制頁面大小,使得瀏覽器解析的時間更短;并且將多個CSS文件、JS文件文件合并壓縮減少文件下載的次數(shù)和大?。涣硗庾⒁鈱SS放在頁面前面,JS訪問頁面后面,這樣便于頁面首先能渲染出來,再執(zhí)行js腳本,對于用戶來說有更好的體驗。最后我還可以設置瀏覽器緩存,下次訪問時從緩存讀取內(nèi)容,減少http請求。

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

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站建設

廣告

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

網(wǎng)站優(yōu)化排名