前端性能優化的幾種方式

前端性能優化的方式:

1.封裝組件

把所有需要複用的功能或網頁模板封裝成組件,在需要的時候調用它。

2.圖片

壓縮圖片的質量,或者使用打包工具來壓縮圖片的質量,當圖片過小時(小於12k)可以把它轉成base64(代碼圖片,轉成base64的好處:減少http請求),或者使用 sprites(精靈圖)把網頁中需要用的到圖片整合到一張圖片中,減少http請求的次數。

3.壓縮html,js減小大小,去除空白

4.懶加載(lazy load) 

網頁不拖動時,未展示的欄目不去(加載)請求,良好的利用服務器資源。

5.設置http緩存

6.減少DOM操作

dom操作是腳本中最耗性能的一個操作,例如:元素的增刪改或dom集合的進行的操作

7.將外部腳本置底

不影響html的加載

8.減少作用域鏈查找

9.不要使用全局變量(能不用的情況下最好不用)

10.少用閉包

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章