webpack性能優化概述
性能優化概述
一、性能優化概述
本章所講的性能優化主要體現在三個方面：
構建性能
這裏所說的構建性能，是指在開發階段的構建性能，而不是生產環境的構建性能
優化的目標，是降低從打包開始，到代碼效果呈現所經過的時間
構建性能會影響開發效率。構建性能越高，開發過程中時間的浪費越少
傳輸性能
傳輸性能是指，打包後的JS代碼傳輸到瀏覽器經過的時間
在優化傳輸性能時要考慮到：
- 總傳輸量：所有需要傳輸的JS文件的內容加起來，就是總傳輸量，重複代碼越少，總傳輸量越少
- 文件數量：當訪問頁面時，需要傳輸的JS文件數量，文件數量越多，http請求越多，響應速度越慢
- 瀏覽器緩存：JS文件會被瀏覽器緩存，被緩存的文件不會再進行傳輸
運行性能
運行性能是指，JS代碼在瀏覽器端的運行速度
它主要取決於我們如何書寫高性能的代碼
永遠不要過早的關注於性能，因爲你在開發的時候，無法完全預知最終的運行性能，過早的關注性能會極大的降低開發效率
性能優化主要從上面三個維度入手
性能優化沒有完美的解決方案，需要具體情況具體分析