前言:最近在项目中,项目运行比较慢,总结了以下几点项目优化的方式,希望可以帮助到有需要的小伙伴,如果有其他优化方式,欢迎在评论区交流
vue项目优化方式:
- v-for循环的时候设置正确的key值;
- 封装高度复用的模块, 如封装axios请求 ;抽离高度复用的组件;组件可配置型要强;
- 设置路由懒加载,可以提高首屏加载速度,动态导入代替静态导入;
- produtionSourcemap设为false 生成map文件 定位源码
- productionGzip 设为true,可以使打包体积更小
- keep-alive, 缓存不活跃的组件
- 插件使用CDN引入到html中,减小打包体积
- 图片放到cdn上 ,图标尽量使用iconfont字体文件:iconfont-阿里巴巴矢量图标库
- 组件按需引入 ,需要什么引入什么