如何对vue项目进行优化,加快首页加载速度
上个月上线了一个vue小项目,刚做完项目,打包上线之后,传到服务器上发现首页加载巨慢。
由于开发时间比较紧,我想着怎么快怎么来,因而在开发过程中没考虑过优化性能问题,酿成最后在带宽5M的情况下页面加载巨慢。
用户体验至上,因而必须对象进行优化,我总结一下我都做了哪些优化。
1.路由懒加载,首页加载的时候,不让其他页面加载,减缓首页加载压力。
2.element-ui按需加入。element-ui需要哪部分,就使用哪部分。
3.将组件写的css整合到一个css页面里。
4.图片进行压缩或者上传到CDN上,这样极大的减缓了服务器的加载压力。
5.打包的时候可以不下载Map文件,因为Map文件占内存也很大。