前端性能優化小結(持續更新)

前端性能優化列表:css

  1. JS
  • 減小 DOM 操做html

  • 預加載前端

  • 懶加載web

  • tree shakingcanvas

  • 防抖,節流緩存

  • 變量緩存性能優化

  • for遍歷優先cookie

  • 接口數據懶請求前端性能

  1. CSS
  • 減小類的層級性能

  • 硬件加速(3d canvas webgl)

  • 雪碧圖

  • 避免使用濾鏡

  1. html
  • 減小無效標籤
  1. 總體
  • 減小 http 請求數量(空 src http)

  • keep-alive

  • cdn 內容分發

  • gzip 壓縮

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

  • 減小 cookie 大小

  • 合理使用緩存

  • js css 位置,避免阻塞


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

相關文章
相關標籤/搜索