一、頁面級別
1.減少頁面請求資源大小或次數
(1)壓縮合併css、js，css合併成1個檔案，js合併成乙個檔案
(2)使用字型圖示和svg替換傳統的png
(3)懶載入
(4)使用雪碧圖或精靈圖
(5)減少cookie的使用
(6)前後端資料互動是盡可能使用json格式傳送
(7)合理使用keep-alive
(8)避免使用iframe
(9)使用localstorage、sessionstorage儲存一些簡單的資料
2.內聯指令碼位置，防阻塞
二、**級別
1.減少閉包的使用
2.減少dom操作，減少回流與重繪
3.避免巢狀迴圈和"死迴圈"
4.css選擇器從右往左解析，減少元素標籤作為後乙個選擇物件
5.盡量將動畫元素單獨在乙個圖層，避免重繪和回流的大小
6.可以使用defer或async非同步載入js
web 前端效能優化彙總
減少http請求，合併資源 js css 減少資源體積，壓縮資源 js css 大量資料載入或大量載入時使用懶載入或預載入優化 使用按需載入，加快首屏渲染速度 利用http快取機制，對資源進行快取 用到很多網域名稱時，可使用dns預解析，提前解析網域名稱 使用cdn給 靜態資源加速儘量減少dom操作...
web 前端效能優化彙總
一 網路層面優化 減少http請求，合併資源 js css 減少資源體積，壓縮資源 js css 大量資料載入或大量載入時使用懶載入或預載入優化 使用按需載入，加快首屏渲染速度 利用http快取機制，對資源進行快取 用到很多網域名稱時，可使用dns預解析，提前解析網域名稱 使用cdn給 靜態資源加速...
前端效能優化
1.減少http請求次數 css sprites 在國內很多人叫css精靈，是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去，這樣一來，當訪問該頁面時，載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言，不高於200kb的單張的所需載入時間基本是...