1.编码优化
不要把所有的数据都放在data中
v-for时要给每一个元素绑定事件用事件代理
keep-alive缓存组件
尽可能拆分组件提高复用性和维护性
key值要保证唯一
合理使用懒加载,异步组件
数据持久化存储的使用尽量用防抖,节流优化
2.加载优化
按需加载
内容懒加载
图片懒加载
3.用户体验:骨架屏
4.SEO优化:预渲染,服务端渲染ssr
5.打包优化 :
CDN形式加载第三方模块
多线程打包
抽离公共文件
6.缓存和压缩
客户端缓存,服务端缓存
服务端Gzin压缩
1.编码优化
不要把所有的数据都放在data中
v-for时要给每一个元素绑定事件用事件代理
keep-alive缓存组件
尽可能拆分组件提高复用性和维护性
key值要保证唯一
合理使用懒加载,异步组件
数据持久化存储的使用尽量用防抖,节流优化
2.加载优化
按需加载
内容懒加载
图片懒加载
3.用户体验:骨架屏
4.SEO优化:预渲染,服务端渲染ssr
5.打包优化 :
CDN形式加载第三方模块
多线程打包
抽离公共文件
6.缓存和压缩
客户端缓存,服务端缓存
服务端Gzin压缩