網(wǎng)站建設之網(wǎng)站分層架構優(yōu)化
發(fā)布時間：2020/3/6 22:12:21 作者：偉置做網(wǎng)站 來源：偉置網(wǎng)站制作 瀏覽量：
【網(wǎng)站建設之網(wǎng)站分層架構優(yōu)化】根據(jù)網(wǎng)站的分層架構，可以大致的分為 web 前端性能優(yōu)化，應用服務器性能優(yōu)化，存儲服務器性能優(yōu)化三大類。
這次來說一下 web 前端性能優(yōu)化，一般來說，web 前端就是應用服務器處理之前的部分，包括瀏覽器渲染、加載，前端視圖模型，圖片視頻資源，CDN 服務等，主要優(yōu)化方法就是優(yōu)化瀏覽器訪問渲染過程，使用反向代理，使用 CDN 服務等。
01、瀏覽器訪問渲染優(yōu)化
減少 http 請求數(shù)
http 協(xié)議是無狀態(tài)的應用層協(xié)議，每次 http 請求都會建立新的通信鏈路，并且在服務端，每個 http 連接都會開啟一個單獨的線程去處理請求，這都會產(chǎn)生額外的開銷。
主要手段就是去合并壓縮 css，JavaScript，圖片文件，把需要的 css，JavaScript，圖片資源進行合并減少建立的連接請求數(shù)。
同時使用 http 的 keep-alive 來進行連接的復用，以此來減少建立的 http 連接數(shù)，提高訪問性能。
啟用壓縮
在服務端進行文件的壓縮，減少通信傳輸過程中的數(shù)據(jù)量。
對于文本文件，壓縮率能夠達到 80% 以上，因此在服務端啟用 gzip 壓縮是一個很好的選擇，但啟用壓縮的同時也會給服務器帶來額外的開銷，所以要具體情況具體分析。
css，JavaScript 代碼優(yōu)化
css 代碼優(yōu)化：
盡量使用外部樣式，并且放在頁面頂部加載，一方面能夠及時渲染，另一方面能夠避免因某些樣式導致阻塞渲染
壓縮合并 css 文件，盡量精簡文件，減少通信傳輸數(shù)據(jù)量和請求連接數(shù)
JavaScript 代碼優(yōu)化：
因為 JavaScript 代碼邊加載邊解析，解析的過程會阻塞瀏覽器渲染，因此把 JavaScript 代碼放在頁面底部加載
同樣的壓縮合并 JavaScript 文件，盡量精簡文件，減少通信傳輸數(shù)據(jù)量和請求連接數(shù)
寫高性能的 JavaScript 代碼
使用瀏覽器緩存
一般來說，對于網(wǎng)站里面不經(jīng)常變化的靜態(tài)資源，更新頻率比較低，因此可以把這些資源緩存在瀏覽器中，能夠很好的改善性能。
通過設置 http 頭里的 Cache-Control 和 Expires 屬性來設定瀏覽器緩存時間。
另外還有 Etags 和 opcode 的緩存，根據(jù)具體情況進行選擇吧。
【本文標題和網(wǎng)址】：網(wǎng)站建設之網(wǎng)站分層架構優(yōu)化 http://www.vshiedu.com/webnews/2108.html
您可能對以下新聞還有興趣標簽：網(wǎng)站建設優(yōu)化 網(wǎng)站建設分層 網(wǎng)站建設架構 網(wǎng)站建設分層優(yōu)化
聲明：本頁內(nèi)容由偉置電子科技有限公司通過網(wǎng)絡收集編輯所得，所有資料僅供用戶參考使用；我們制作的網(wǎng)站建設效果圖、網(wǎng)頁樣稿為我公司設計成果。如您認為本頁中有涉嫌抄寫您相關的內(nèi)容，請及時與我方聯(lián)系進行核實，并提供相關證據(jù)，工作人員會在3個工作日內(nèi)聯(lián)系您，一經(jīng)查實本站將立刻刪除涉嫌侵權內(nèi)容。如果您對做網(wǎng)站、網(wǎng)站制作、網(wǎng)站優(yōu)化核心技術文章感興趣，請點擊查看網(wǎng)站建設知識和網(wǎng)站建設教程的相關文章，請關注鄭州網(wǎng)站建設公司偉置電子科技官網(wǎng)(www.vshiedu.com)。—————— 誰搶占了先機，誰就贏得了無限商機！ ——————
鄭州浩方網(wǎng)絡科技
專注于鄭州網(wǎng)站建設 營銷型網(wǎng)站開發(fā)
豫公網(wǎng)安備 41010302002361號
