欧美激情婬妇A片AAA毛多水多_自拍偷拍专区_日本无码在线_熟女人妻のav中文字幕精品图集_欧美性爱视频在线看

網(wǎng)站制作前端性能優(yōu)化手段

發(fā)布時間:2018-05-30來源:本站點擊數(shù):8
—般說來網(wǎng)站制作前端指網(wǎng)站業(yè)務邏輯之前的部分,包括瀏覽器加載、網(wǎng)站視圖模型、圖片服務、CDN服務等,主要優(yōu)化手段有優(yōu)化瀏覽器訪問、使用反向代理、CDN等。1.減少http請求HTTP協(xié)議是無狀態(tài)的應用層協(xié)議,意味著每次HTTP請求都需要建立通信鏈路、進行數(shù)據(jù)傳...
—般說來網(wǎng)站制作前端指網(wǎng)站業(yè)務邏輯之前的部分,包括瀏覽器加載、網(wǎng)站視圖模型、圖片服務、CDN服務等,主要優(yōu)化手段有優(yōu)化瀏覽器訪問、使用反向代理、CDN等。


1.減少http請求

HTTP協(xié)議是無狀態(tài)的應用層協(xié)議,意味著每次HTTP請求都需要建立通信鏈路、進行數(shù)據(jù)傳輸,而在服務器端,每個HTTP都需要啟動獨立的線程去處理。這些通信和服務的開銷都很昂貴,減少HTTP請求的數(shù)目可有效提高訪問性能。


減少HTTP的主要手段是合并CSS、合并JavaScript、合并圖片。將瀏覽器一次訪問需要的JavaScript、CSS合并成一個文件,這樣瀏覽器就只需要一次請求。圖片也可以合并,多張圖片合并成一張,如果每張圖片都有不同的超鏈接,可通過CSS偏移響應鼠標點擊操作,構(gòu)造不同的URL。


2.使用瀏覽器緩存
對一個網(wǎng)站而言,CSS、JavaScript、Logo、圖標這些靜態(tài)資源文件更新的頻率都比較低,而這些文件又幾乎是每次HTTP請求都需要的,如果將這些文件緩存在瀏覽器中,可以極好地改善性能。通過設置HTTP頭中Cache-Control和Expires的屬性,可設定瀏覽器緩存,緩存時間可以是數(shù)天,甚至是幾個月。

在某些時候,靜態(tài)資源文件變化需要及時應用到客戶端瀏覽器,這種情況,可通過改變文件名實現(xiàn),即更新JavaScript文件并不是更新JavaScript文件內(nèi)容,而是生成一個新的JS文件并更新HTML文件中的引用。

使用瀏覽器緩存策略的網(wǎng)站在更新靜態(tài)資源時,應采用批量更新的方法,比如需要瞬時響應:網(wǎng)站的高性能架構(gòu)更新10個圖標文件,不宜把10個文件一次全部更新,而是應一個文件一個文件逐步更新,并有一定的間隔時間,以免用戶瀏覽器突然大量緩存失效,集中更新緩存,造成服務器負載驟增、網(wǎng)絡堵塞的情況。

3.啟用壓縮
在服務器端對文件進行壓縮,在瀏覽器端對文件解壓縮,可有效減少通信傳輸?shù)臄?shù)據(jù)M。文本文件的壓縮效率可達80%以上,因此HTML、CSS、JavaScript文件啟用GZip壓縮可達到較好的效果。但是壓縮對服務器和瀏覽器產(chǎn)生一定的壓力,在通信帶寬良好,而服務器資源不足的情況下要權(quán)衡考慮。

4. CSS放在頁面最上面、JavaScript放在頁面最下面
瀏覽器會在下載完全部CSS之后才對整個頁面進行渲染,因此最好的做法是將CSS放在頁面最上面,讓瀏覽器盡快下載CSS。JavaScript則相反,瀏覽器在加載JavaScript后立即執(zhí)行,有可能會阻塞整個頁面,造成頁面顯示緩慢,因此JavaScript最好放在頁面。但如果頁面解析時就需要用到JavaScript,這時放在底部就不合適了。

5.減少Cookie傳輸
一方面,Cookie包含在每次請求和響應中,太大的Cookie會嚴重影響數(shù)據(jù)傳輸,因此哪些數(shù)據(jù)需要寫入Cookie需要慎重考慮,盡量減少Cookie中傳輸?shù)臄?shù)據(jù)景。另一方面,對于某些靜態(tài)資源的訪問,如CSS、Script等,發(fā)送Cookie沒有意義,可以考慮靜態(tài)資源使用獨立域名訪問,避免請求靜態(tài)資源時發(fā)送Cookie,減少Cookie傳輸?shù)拇螖?shù)。

6 CDN 加速
CDN( Content Distribute Network,內(nèi)容分發(fā)網(wǎng)絡)的本質(zhì)仍然是一個緩存,而且將數(shù)據(jù)緩存在離用戶最近的地方,使用戶以最快速度獲取數(shù)據(jù),即所謂網(wǎng)絡訪問第一跳,。
由于CDN部署在網(wǎng)絡運營商的機房,這些運營商又是終端用戶的網(wǎng)絡服務提供商,因此用戶請求路由的第一跳就到達了 CDN服務器,當CDN中存在瀏覽器請求的資源時,從CDN直接返回給瀏覽器,最短路徑返回響應,加快用戶訪問速度,減少數(shù)據(jù)中心負載壓力。
首頁
銷售熱線
郵箱
聯(lián)系