vue项目中性能优化方法

一.代码包优化

    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项目中性能优化方法)