vue是典型的單頁應(yīng)用,我們知道單頁應(yīng)用首屏一次性加載所有資源,當項目資源比較大的時候,首次加載可能出現(xiàn)頁面卡頓等現(xiàn)象,對此我們可以資源加載方式來提升首屏優(yōu)化體驗。
1、針對第三方庫的優(yōu)化
? ? ? 1)插件、框架等部分需要的話可以考慮按需引入或者部分引入
? ? ? 2)插件、工具等可以選擇CND獲取資源
2、路由懶加載等,將JS資源打包拆分成多個JS小包,需要時再加載
3、非全局需要的組件可以局部引入
4、webpack打包
????????????????1)webpack插件gip壓縮代碼,減小js等打包體積compression-webpack-plugin
? ? ? ? ? ? ? ? 2)組件重復(fù)打包?minChunks:2重復(fù)引入數(shù)量設(shè)置
5、其他
? ? ? 1)圖片資源壓縮
? ? ? ?2)css資源壓縮