優化原則和方向
效能優化的原則是以更好的使用者體驗為標準，具體就是實現下面的目標：
多使用記憶體、快取或者其他方法
減少 cpu 和gpu 計算，更快展現
優化的方向有兩個：
減少頁面體積，提公升網路載入
優化頁面渲染
減少頁面體積，提公升網路載入
靜態資源的壓縮合併（js **壓縮合併、css **壓縮合併、雪碧圖）
靜態資源快取（資源名稱加 md5 戳）
使用 cdn 讓資源載入更快
優化頁面渲染
css 放前面，js 放後面
減少dom 查詢，對 dom 查詢做快取
減少dom 操作，多個操作盡量合併在一起執行（documentfragment）
事件節流
盡早執行操作（domcontentloaded）
使用 ssr 後端渲染，資料直接輸出到 html 中，減少瀏覽器使用 js 模板渲染頁面 html 的時間
前端效能優化方案
1 雪碧圖 css sprites 就是把多張圖合到一張圖裡面，然後通過css來分別取用。這樣就可以減少請求數量。2 合併多個指令碼和樣式表 3 合理設定快取 可以在下次訪問時減少部分請求，直接在快取中讀取。4 懶載入 lazy load 只載入可見的部分。先將img標籤中的src鏈結設為同一張 空...
前端效能優化方案
多使用記憶體，快取或者其他方法 減少cpu計算，減少網路請求 減少io操作 硬碟讀寫 靜態資源的合併和壓縮。靜態資源快取 瀏覽器快取策略 使用cdn讓靜態資源載入更快。css放head中，js放body後 懶載入減少dom操作，對dom操作做快取 減少dom操作，多個操作盡量合併在一起執行 事件節流...
前端效能優化方案思路
效能優化可以從兩個方面來談，一是網路通訊方面，二是拿到資料後，更快的資料處理。減少網路請求，和加快請求速度，使用http2.0。網域名稱分片 快取 壓縮 頭與報文 http1.1的頭是非常臃腫的，減少http1.1中的不必要的頭 減少cookie資料量 http二進位制幀 幀頭部資訊會標識該幀屬於哪...