前端常見的效能優化

2022-03-05 04:24:16 字數 303 閱讀 8537

懶載入(延遲載入)

音訊取消預載入

再客戶端和伺服器進行資訊互動的時候,對於多項資料我們盡可能基於json格式來進行傳送(xml格式要比json格式要大)

用websocket代替ajax輪詢實現訊息推送

把頁面中的css/js/等檔案進行合併壓縮

避免使用iframe(因為iframe會嵌入其他頁面,這樣父頁面渲染的時候,還要同時把子頁面也渲染了,渲染進度也會變慢)

低耦合高內聚(基於封裝的方式,減少頁面中的冗餘**,提高**使用效率)

盡可能使用事件委託

函式的防抖與節流

前端的效能優化

1.精簡 把重複的 提取出來,例如js,css呼叫那一大段 用外掛程式把js,css中的空格去掉。2.多利用快取機制,前端可以用last modified expires和etag。後台的話可以用redis。3.在html中不要放 後台傳檔案時用gzip壓縮 4.寫css檔案時,選擇器的層級不要超過...

前端效能優化

1.減少http請求次數 css sprites 在國內很多人叫css精靈,是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言,不高於200kb的單張的所需載入時間基本是...

前端效能優化

在開發好頁面後,如何讓頁面更好更快的執行 從前端的角度來看,效能可以分為兩個方向 從使用者角度來看,乙個是頁面載入的很快,另乙個是頁面使用起來非常流暢 輸入了url 瀏覽器開始解析 查詢本地快取 dns解析 建立連線 伺服器處理 伺服器響應 客戶端收到響應 解析html 然後開始渲染頁面 使用者可以...