web前端性能优化思路

110 阅读1分钟

大型Vue项目上线后,多多少少会面临一些性能问题,以下是Vue项目优化的一些思路

  1. 不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效
  2. 切换模块,单模块加载缓慢(http连接数并发过多,导致加载缓慢,合并接口提高相应速度)
  3. 未对路由懒加载,所有模块均打包在一个文件中,JavaScript包会变的非常大,影响页面加载
  4. 页面多次切换后,内存无法释放
  5. 不必要的jquery 引入和不必要的dom 操作
  6. echarts并未按需引入
  7. 单个vue文件过大,并未做组件提取,页面拆分和公共方法提取,大量冗余代码 8.组件之间传递数据方式错误,且在数据挂载的时候生成实例,导致事件被重复绑定触发,产生大量并发请求。各浏览器对并发的http请求数量有限制