【網(wǎng)站建設(shè)之網(wǎng)站分層架構(gòu)優(yōu)化】根據(jù)網(wǎng)站的分層架構(gòu)，可以大致的分為 web 前端性能優(yōu)化，應(yīng)用服務(wù)器性能優(yōu)化，存儲(chǔ)服務(wù)器性能優(yōu)化三大類。

這次來說一下 web 前端性能優(yōu)化，一般來說，web 前端就是應(yīng)用服務(wù)器處理之前的部分，包括瀏覽器渲染、加載，前端視圖模型，圖片視頻資源，CDN 服務(wù)等，主要優(yōu)化方法就是優(yōu)化瀏覽器訪問渲染過程，使用反向代理，使用 CDN 服務(wù)等。

01、瀏覽器訪問渲染優(yōu)化

減少 http 請(qǐng)求數(shù)

http 協(xié)議是無狀態(tài)的應(yīng)用層協(xié)議，每次 http 請(qǐng)求都會(huì)建立新的通信鏈路，并且在服務(wù)端，每個(gè) http 連接都會(huì)開啟一個(gè)單獨(dú)的線程去處理請(qǐng)求，這都會(huì)產(chǎn)生額外的開銷。

主要手段就是去合并壓縮 css，JavaScript，圖片文件，把需要的 css，JavaScript，圖片資源進(jìn)行合并減少建立的連接請(qǐng)求數(shù)。

同時(shí)使用 http 的 keep-alive 來進(jìn)行連接的復(fù)用，以此來減少建立的 http 連接數(shù)，提高訪問性能。

啟用壓縮

在服務(wù)端進(jìn)行文件的壓縮，減少通信傳輸過程中的數(shù)據(jù)量。

對(duì)于文本文件，壓縮率能夠達(dá)到 80% 以上，因此在服務(wù)端啟用 gzip 壓縮是一個(gè)很好的選擇，但啟用壓縮的同時(shí)也會(huì)給服務(wù)器帶來額外的開銷，所以要具體情況具體分析。

css，JavaScript 代碼優(yōu)化

css 代碼優(yōu)化：

盡量使用外部樣式，并且放在頁面頂部加載，一方面能夠及時(shí)渲染，另一方面能夠避免因某些樣式導(dǎo)致阻塞渲染

壓縮合并 css 文件，盡量精簡(jiǎn)文件，減少通信傳輸數(shù)據(jù)量和請(qǐng)求連接數(shù)

JavaScript 代碼優(yōu)化：

因?yàn)?JavaScript 代碼邊加載邊解析，解析的過程會(huì)阻塞瀏覽器渲染，因此把 JavaScript 代碼放在頁面底部加載

同樣的壓縮合并 JavaScript 文件，盡量精簡(jiǎn)文件，減少通信傳輸數(shù)據(jù)量和請(qǐng)求連接數(shù)

寫高性能的 JavaScript 代碼

使用瀏覽器緩存

一般來說，對(duì)于網(wǎng)站里面不經(jīng)常變化的靜態(tài)資源，更新頻率比較低，因此可以把這些資源緩存在瀏覽器中，能夠很好的改善性能。

通過設(shè)置 http 頭里的 Cache-Control 和 Expires 屬性來設(shè)定瀏覽器緩存時(shí)間。

另外還有 Etags 和 opcode 的緩存，根據(jù)具體情況進(jìn)行選擇吧。

新聞?dòng)涉I坤信息原創(chuàng)發(fā)布，轉(zhuǎn)載轉(zhuǎn)發(fā)或復(fù)制請(qǐng)保留版權(quán)信息

十年的天津網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。網(wǎng)絡(luò)營銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整天津建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“天津網(wǎng)站設(shè)計(jì)”,“天津網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
本文題目：【合肥網(wǎng)站建設(shè)】網(wǎng)站建設(shè)之網(wǎng)站分層架構(gòu)優(yōu)化
轉(zhuǎn)載注明：http://weahome.cn/article/cpjcsh.html