vue是典型的单页应用,我们知道单页应用首屏一次性加载所有资源,当项目资源比较大的时候,首次加载可能出现页面卡顿等现象,对此我们可以资源加载方式来提升首屏优化体验。
1、针对第三方库的优化
1)插件、框架等部分需要的话可以考虑按需引入或者部分引入
2)插件、工具等可以选择CND获取资源
2、路由懒加载等,将JS资源打包拆分成多个JS小包,需要时再加载
3、非全局需要的组件可以局部引入
4、webpack打包
1)webpack插件gip压缩代码,减小js等打包体积compression-webpack-plugin
2)组件重复打包 minChunks:2重复引入数量设置
5、其他
1)图片资源压缩
2)css资源压缩