vue项目性能优化

前言:最近在项目中,项目运行比较慢,总结了以下几点项目优化的方式,希望可以帮助到有需要的小伙伴,如果有其他优化方式,欢迎在评论区交流

vue项目优化方式:

  1.  v-for循环的时候设置正确的key值;
  2.  封装高度复用的模块, 如封装axios请求 ;抽离高度复用的组件;组件可配置型要强;
  3. 设置路由懒加载,可以提高首屏加载速度,动态导入代替静态导入;
  4. produtionSourcemap设为false 生成map文件 定位源码
  5. productionGzip 设为true,可以使打包体积更小
  6. keep-alive, 缓存不活跃的组件
  7. 插件使用CDN引入到html中,减小打包体积
  8. 图片放到cdn上 ,图标尽量使用iconfont字体文件:iconfont-阿里巴巴矢量图标库
  9. 组件按需引入 ,需要什么引入什么

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值