前端性能優化的方式:
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.少用閉包