1. cdn 缓存
2.打包成gzip 并且服务端使用nginx开启gzip
3.雪碧图,图片压缩,减少http请求
4.首屏加载慢可以分包处理
5.路由懒加载
懒加载即组件延迟加载,通常vue的页面在运行后进入都会有一个默认的页面,而其他未显示的页面只有在点击后才需要加载出来,实现按需请求,从而减少第一次加载的时候耗时。
懒加载路由配置:
const xxx= () => import('@/pages/xxx')
6.去除ScourpMap文件
配置一下vue.config.js即可
1 |
|
7、前端代码优化
- 合理使用v-if和v-show
- 使用定时器和回调函数等记得销毁
- 避免意外的全局变量
- 适当使用闭包避免内存泄漏