前端性能優化小結（持續更新）

前端性能優化列表：

1. JS

• 減小 DOM 操做

• 預加載

• 懶加載

• tree shaking

• 防抖，節流

• 變量緩存

• for遍歷優先

• 接口數據懶請求

2. CSS

• 減小類的層級

• 硬件加速（3d canvas webgl）

• 雪碧圖

• 避免使用濾鏡

3. html

• 減小無效標籤

4. 總體

• 減小 http 請求數量（空 src http）

• keep-alive

• cdn 內容分發

• gzip 壓縮

• js css 合併壓縮，圖像壓縮

• 減小 cookie 大小

• 合理使用緩存

• js css 位置，避免阻塞

---

歡迎到前端學習打卡羣一塊兒學習～516913974