（1）雪碧圖（css sprites）
就是把多張圖合到一張圖裡面，然後通過css來分別取用。這樣就可以減少請求數量。
（2）合併多個指令碼和樣式表（3）合理設定快取
可以在下次訪問時減少部分請求，直接在快取中讀取。
（4）懶載入（lazy load）
只載入可見的部分。
先將img標籤中的src鏈結設為同一張（空白），將其真正的位址儲存再img標籤的自定義屬性中（比如data-src）。當js監聽到該元素進入可視視窗時，即將自定義屬性中的位址儲存到src屬性中，達到懶載入的效果。
操作dom節點時會引發重繪和回流，非常消耗效能。所以我們要盡量合併多次操作。
如果把css放在body，瀏覽器還未解析樣式就開始渲染，使用者體驗會很差。
cdn內容分發網路，是一組分布在多個不同地理位置的伺服器，存放一些靜態檔案。當使用者請求伺服器時，伺服器會根據使用者地點為其分配最近的cdn以減少傳輸時間。
瀏覽器對選擇符的解析是從右往左進行的。
對於較小的，可以轉化為base64格式寫到js或css檔案中以減少http請求。
float的布局計算比較消耗效能。推薦使用固定布局或彈性布局。
對於一些大型遊戲頁面等可以增加乙個loading頁面，等待資源載入完畢再顯示主頁面。
前端效能優化方案
多使用記憶體，快取或者其他方法 減少cpu計算，減少網路請求 減少io操作 硬碟讀寫 靜態資源的合併和壓縮。靜態資源快取 瀏覽器快取策略 使用cdn讓靜態資源載入更快。css放head中，js放body後 懶載入減少dom操作，對dom操作做快取 減少dom操作，多個操作盡量合併在一起執行 事件節流...
前端效能優化方案思路
效能優化可以從兩個方面來談，一是網路通訊方面，二是拿到資料後，更快的資料處理。減少網路請求，和加快請求速度，使用http2.0。網域名稱分片 快取 壓縮 頭與報文 http1.1的頭是非常臃腫的，減少http1.1中的不必要的頭 減少cookie資料量 http二進位制幀 幀頭部資訊會標識該幀屬於哪...
前端效能優化常用方案
前端開發效能優化方案 減少http請求次數和請求大小 優化 有利於seo 有利於擴充套件維護 有利於減少效能消耗 js 優化的108條建議 雅虎css優化的36條建議 dns及http通訊方式的優化 1.在js中儘量減少閉包的使用 原因 閉包會產生不釋放的棧記憶體 a 迴圈給元素做事件繫結的時候，盡...