如何对vue项目进行优化,加快首页加载速度

时间:2022-02-21 06:08:23

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

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

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

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

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

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

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

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