前端优化有哪些?

86 阅读1分钟

通用的性能优化

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