網站建設之網站分層架構優(yōu)化
發(fā)布時間:2020/3/6 22:12:21 作者:偉置做網站 來源:偉置網站制作 瀏覽量:
【網站建設之網站分層架構優(yōu)化】根據網站的分層架構,可以大致的分為 web 前端性能優(yōu)化,應用服務器性能優(yōu)化,存儲服務器性能優(yōu)化三大類。
這次來說一下 web 前端性能優(yōu)化,一般來說,web 前端就是應用服務器處理之前的部分,包括瀏覽器渲染、加載,前端視圖模型,圖片視頻資源,CDN 服務等,主要優(yōu)化方法就是優(yōu)化瀏覽器訪問渲染過程,使用反向代理,使用 CDN 服務等。
01、瀏覽器訪問渲染優(yōu)化
減少 http 請求數
http 協(xié)議是無狀態(tài)的應用層協(xié)議,每次 http 請求都會建立新的通信鏈路,并且在服務端,每個 http 連接都會開啟一個單獨的線程去處理請求,這都會產生額外的開銷。
主要手段就是去合并壓縮 css,JavaScript,圖片文件,把需要的 css,JavaScript,圖片資源進行合并減少建立的連接請求數。
同時使用 http 的 keep-alive 來進行連接的復用,以此來減少建立的 http 連接數,提高訪問性能。
啟用壓縮
在服務端進行文件的壓縮,減少通信傳輸過程中的數據量。
對于文本文件,壓縮率能夠達到 80% 以上,因此在服務端啟用 gzip 壓縮是一個很好的選擇,但啟用壓縮的同時也會給服務器帶來額外的開銷,所以要具體情況具體分析。
css,JavaScript 代碼優(yōu)化
css 代碼優(yōu)化:
盡量使用外部樣式,并且放在頁面頂部加載,一方面能夠及時渲染,另一方面能夠避免因某些樣式導致阻塞渲染
壓縮合并 css 文件,盡量精簡文件,減少通信傳輸數據量和請求連接數
JavaScript 代碼優(yōu)化:
因為 JavaScript 代碼邊加載邊解析,解析的過程會阻塞瀏覽器渲染,因此把 JavaScript 代碼放在頁面底部加載
同樣的壓縮合并 JavaScript 文件,盡量精簡文件,減少通信傳輸數據量和請求連接數
寫高性能的 JavaScript 代碼
使用瀏覽器緩存
一般來說,對于網站里面不經常變化的靜態(tài)資源,更新頻率比較低,因此可以把這些資源緩存在瀏覽器中,能夠很好的改善性能。
通過設置 http 頭里的 Cache-Control 和 Expires 屬性來設定瀏覽器緩存時間。
另外還有 Etags 和 opcode 的緩存,根據具體情況進行選擇吧。

【本文標題和網址】:網站建設之網站分層架構優(yōu)化 http://www.rhydt.com/webnews/2108.html
您可能對以下新聞還有興趣 其它偉置新聞標簽:網站建設優(yōu)化 網站建設分層 網站建設架構 網站建設分層優(yōu)化
聲明:本頁內容由偉置電子科技有限公司通過網絡收集編輯所得,所有資料僅供用戶參考使用;我們制作的網站建設效果圖、網頁樣稿為我公司設計成果。如您認為本頁中有涉嫌抄寫您相關的內容,請及時與我方聯(lián)系進行核實,并提供相關證據,工作人員會在3個工作日內聯(lián)系您,一經查實本站將立刻刪除涉嫌侵權內容。如果您對做網站、網站制作、網站優(yōu)化核心技術文章感興趣,請點擊查看網站建設知識和網站建設教程的相關文章,請關注鄭州網站建設公司偉置電子科技官網(www.rhydt.com)。鄭州浩方網絡科技
專注于鄭州網站建設 營銷型網站開發(fā)
豫公網安備 41010302002361號