上个月上线了一个vue小项目，刚做完项目，打包上线之后，传到服务器上发现首页加载巨慢。

由于开发时间比较紧，我想着怎么快怎么来，因而在开发过程中没考虑过优化性能问题，酿成最后在带宽5M的情况下页面加载巨慢。

用户体验至上，因而必须对象进行优化，我总结一下我都做了哪些优化。

1.路由懒加载，首页加载的时候，不让其他页面加载，减缓首页加载压力。

2.element-ui按需加入。element-ui需要哪部分，就使用哪部分。

3.将组件写的css整合到一个css页面里。

4.图片进行压缩或者上传到CDN上，这样极大的减缓了服务器的加载压力。

5.打包的时候可以不下载Map文件，因为Map文件占内存也很大。