前端優化 webAPP優化總結

2021-07-25 20:04:41 字數 687 閱讀 5820

1)減少js載入體積

很多庫能用cdn的盡量使用cdn,這樣打包出來的js體積會很小,載入很快。

2)盡量採用比較輕量級的ui 元件庫

比如museui,mintui等

3)盡量放在伺服器上,盡量進行壓縮4)儘量減少網路請求數量

程式中的資料,有的能乙個介面返回的盡量乙個介面返回,不要弄太多的介面。

5)盡量把大的js 檔案進行分割成小的js檔案

如果乙個檔案有幾百k,則需要想辦法減小js的體積,js體積大的時候,往往影響js的載入速度,進而影響體驗。

5)盡量不要在手機端做過於複雜的邏輯處理

複雜的邏輯後端處理,手機端盡量只進行資料的展示和一些簡單的邏輯處理。

6) lazyload懶載入

能採用懶載入的盡量採用懶載入,如模組懶載入,頁面懶載入,懶載入等等。

7) 減少使用定位屬性(fixed/absolute)

否則存在明顯的渲染問題

8) 釋放沒有使用的閉包

釋放沒有使用的閉包

前端效能優化總結

多使用記憶體,快取或者其他方法 減少cpu計算,減少網路請求 減少io操作 硬碟讀寫 靜態資源的合併和壓縮。靜態資源快取 瀏覽器快取策略 使用cdn讓靜態資源載入更快。css放head中,js放body後 懶載入減少dom操作,對dom操作做快取 減少dom操作,多個操作盡量合併在一起執行 事件節流...

前端效能優化總結

效能是前端開發乙個非常重要的組成部分,與應用不同,網頁的所有資源初始都需要通過網路傳輸,因此如何進行更好地進行網路傳輸對前端效能影響很大,此外還有瀏覽器渲染部分的優化。不管怎麼說如何進行前端效能優化是乙個永恆的話題。本文是閱讀小冊前端效能優化原理與實踐後加上部分自己以前的理解整理而成的,更詳細的原理...

前端效能優化總結

多使用記憶體,快取或者其他方法 減少cpu計算,減少網路請求 減少io操作 硬碟讀寫 靜態資源的合併和壓縮。靜態資源快取 瀏覽器快取策略 使用cdn讓靜態資源載入更快。css放head中,js放body後 懶載入減少dom操作,對dom操作做快取 減少dom操作,多個操作盡量合併在一起執行 事件節流...