一、 網路層面優化
減少http請求，合併資源（js、css、）
減少資源體積，壓縮資源（js、css、）
大量資料載入或大量載入時使用懶載入或預載入優化
使用按需載入，加快首屏渲染速度
利用http快取機制，對資源進行快取
**用到很多網域名稱時，可使用dns預解析，提前解析網域名稱
使用cdn給**靜態資源加速
二、 js 層面優化
儘量減少dom操作，dom操作盡量做到批量更新，減少頁面回流和重繪
避免記憶體洩漏，及時清理已經沒用的定時器、掛載的事件和其他引用
合理使用事件委託，避免給大量子元素新增相同事件
使用變數快取多次使用的資源，避免每次使用都去獲取或計算
頻繁執行的函式使用節流或防抖進行優化
有大量資料需運算時，開啟web worker多執行緒進行計算可避免js主線程阻塞
js檔案引入放置在html body尾部，因為js的載入、執行會阻塞頁面渲染
三 、css 層面優化
避免使用萬用字元（*）
避免選擇器層級太多，提高解析匹配速度
對於css中可繼承的屬性，如font-size，盡量使用繼承，少一點設定
提取公用樣式增強可復用性
css檔案引入放置在html head頭部，因為css的載入、解析並不會阻塞dom解析，提前載入可以更快合成render樹
web 前端效能優化彙總
減少http請求，合併資源 js css 減少資源體積，壓縮資源 js css 大量資料載入或大量載入時使用懶載入或預載入優化 使用按需載入，加快首屏渲染速度 利用http快取機制，對資源進行快取 用到很多網域名稱時，可使用dns預解析，提前解析網域名稱 使用cdn給 靜態資源加速儘量減少dom操作...
前端效能優化彙總
一 頁面級別 1.減少頁面請求資源大小或次數 1 壓縮合併css js，css合併成1個檔案，js合併成乙個檔案 2 使用字型圖示和svg替換傳統的png 3 懶載入 4 使用雪碧圖或精靈圖 5 減少cookie的使用 6 前後端資料互動是盡可能使用json格式傳送 7 合理使用keep alive...
web前端效能優化
01 減少http請求 使用css sprite 合併js css02 使用cdn 當頁面中有很多資源的時候可以從不同伺服器中讀取 設定長的expires時間將直接減少http請求 如果資源設定了expires頭為將來的某個時間,下次訪問時候瀏覽器 發現資源還沒有過期,會直接從快取中讀取,不會再次產...