1压缩图片
2加快服务器带宽
3即在config/index.js中将productionSourceMap的值修改为false,就可以在编译时不生成.map文件了
productionSourceMap: false,
4vue.js编译时给生成的文件增加版本号
https://blog.csdn.net/qq_27064559/article/details/85695498
5vue-router路由懒加载(解决vue项目首次加载慢)
也叫延迟加载,即在需要的时候进行加载,随用随载。
为什么需要懒加载?
像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,时间过长,会出啊先长时间的白屏,即使做了loading也是不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时
简单的说就是:进入首页不用一次加载过多资源造成用时过长!!!
如何实现?
懒加载写法:
非懒加载的路由配置:
6使用cdn加速
例如:
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。