一.代码包优化
1.屏蔽sourceMap
2.对项目代码中的JS/CSS/SVG(*.ico)文件进行gzip压缩
3.对路由组件进行懒加载
二.源码优化
1.v-if 和 v-show选择调用
2.为item设置唯一key值
3.细分vuejs组件
4.减少watch的数据
5.内容类系统的图片资源按需加载
6.SSR(服务端渲染)
三.用户体验优化
1.better-click防止iphone点击延迟
2.菊花loading
3.骨架屏加载
一.代码包优化
1.屏蔽sourceMap
2.对项目代码中的JS/CSS/SVG(*.ico)文件进行gzip压缩
3.对路由组件进行懒加载
二.源码优化
1.v-if 和 v-show选择调用
2.为item设置唯一key值
3.细分vuejs组件
4.减少watch的数据
5.内容类系统的图片资源按需加载
6.SSR(服务端渲染)
三.用户体验优化
1.better-click防止iphone点击延迟
2.菊花loading
3.骨架屏加载
本文标题:vue项目中性能优化方法
本文链接:https://www.haomeiwen.com/subject/qcwedqtx.html
网友评论