通用的性能优化
1.让加载更加快
减少资源体积,代码压缩。
减少访问次数,合并代码。SSR服务器渲染。缓存(http缓存,本地缓存)。
使用更快的网络:CDN
2.让渲染更快
css放在head。js放在body下面。
尽早执行js,用DOMContentLoaded触发。
懒加载(图片懒加载。上滑加载更多,分页)。
对dom查询进行缓存。
防抖和节流。
3.vue性能优化
合理使用v-show和v-if
合理使用computed和watch
v-for时加唯一key,避免和v-if同时使用
自定义事件、DOM事件及时销毁
合理使用异步组件
合理使用keep-alive
data层级不要太深
使用vue-loader在开发环境做编译模板
使用SSR