網絡請求優化,儘量減少文件的請求數量、文件的大小:
- 項目模塊過多的時候,模塊按需加載,每個大對模塊對應自己的chunkName;
- nginx開啓gzip壓縮;
- 要求高的話,可以有自己的靜態資源服務器,提高網絡請求的併發數;
- 圖片過多可以懶加載,儘量在同等像素下,選擇體積更小的圖片格式;
代碼效率優化:框架本身有性能優化策略,我們要做的是遵循框架最佳實踐,其餘交給框架本身來優化就可以了,比如第三方插件按需引入,組件中對key對使用,利用computed對緩存機制等;
打包優化工具分析:通過webpack-bundle-analyzer或Lighthouse生成的報告來具體分析是哪些模塊比較耗性能,具體再去優化;