效能優化可以從兩個方面來談，一是網路通訊方面，二是拿到資料後，更快的資料處理。
減少網路請求，和加快請求速度，使用http2.0。
網域名稱分片
快取 壓縮
頭與報文：http1.1的頭是非常臃腫的，減少http1.1中的不必要的頭；減少cookie資料量
http二進位制幀
幀頭部資訊會標識該幀屬於哪個流，解決了線頭阻塞問題。
鏈路復用：
不要做資源合併和網域名稱分片
多使用偽元素，減少js的多dom的查詢遍歷
能使用html/css實現的效果不用js
邏輯與展示解耦（h5，c3，js分開寫），避免不必要的js引擎啟動
減少作用域查詢和閉包，使用塊級作用域
避免==：==需要做型別的轉換
html語義化標籤加強dom解析
前端效能優化方案
1 雪碧圖 css sprites 就是把多張圖合到一張圖裡面，然後通過css來分別取用。這樣就可以減少請求數量。2 合併多個指令碼和樣式表 3 合理設定快取 可以在下次訪問時減少部分請求，直接在快取中讀取。4 懶載入 lazy load 只載入可見的部分。先將img標籤中的src鏈結設為同一張 空...
前端效能優化方案
多使用記憶體，快取或者其他方法 減少cpu計算，減少網路請求 減少io操作 硬碟讀寫 靜態資源的合併和壓縮。靜態資源快取 瀏覽器快取策略 使用cdn讓靜態資源載入更快。css放head中，js放body後 懶載入減少dom操作，對dom操作做快取 減少dom操作，多個操作盡量合併在一起執行 事件節流...
前端效能優化常用方案
前端開發效能優化方案 減少http請求次數和請求大小 優化 有利於seo 有利於擴充套件維護 有利於減少效能消耗 js 優化的108條建議 雅虎css優化的36條建議 dns及http通訊方式的優化 1.在js中儘量減少閉包的使用 原因 閉包會產生不釋放的棧記憶體 a 迴圈給元素做事件繫結的時候，盡...