Vuejs 项目性能优化总结；

1.首屏加载时间长，加载网络资源比较多,对系统的体验性会差一点；

2.而且用webpack打包的vuejs包会比较大；

主要包括：①、上线代码包优化；②、源码编写优化；③、用户体验优化；

I.代码包优化；

①.屏蔽sourceMap

待下项目开发完成。进行打包源码上线环节，需要对项目开发环节的开发提示信息以及错误信息进行屏蔽，一方面可以减少上线代码包的大小；另一方面提高系统的安全性。 

②.对项目代码中的 JS/CSS/SVG(*.ico)文件进行gzip压缩

在 vue-cli 脚手架的配置信息中，有对代码进行压缩的配置项，例如 index.js 的通用配置；productionGzip设置为true，但是首先需要对 compress-webpack-plugin 支持；

③.对路由组件进行懒加载

在路由配置文件里，这里是 router.js 里面引用组件。在首屏加载时会对网络资源加载比较多，资源比较大，加载速度比较慢。所以设置路由懒加载，按需加载会加速首屏渲染。在没有对路由进行懒加载时,在 chrome 里 devtool 查阅可以看到首屏网络资源加载情况（6requests 3.8MB transfferred Finish:4.67s DOMContntLoaded 2.61s Load 2.70s）；