前端性能优化工作

• 在webpack打包时设置externals配置项，不打包如loadsh,echarts这些插件，而使用CDN加载边缘服务器上面的资源，防止网络阻塞带来的影响
• 发布网站时，不希望有console.log()这种输出，可以使用babel-plugin-transform-remove-console插件，prodution环境时清除console
• 图片的压缩，首先图片转为base64，然后canvas重绘，实现压缩,也可采用图片懒加载技术
• 路由懒加载 ，安装babel的相关依赖，当打包构建项目时，JS包会变得非常大，影响页面加载，路由懒加载可以把不同路由对应的组件分割成不同的代码块，当路由被访问时才加载对应的组件，这样更高效
• 使用插件实现代码的压缩或者提取公共模块
• 合并请求 https://blog.csdn.net/u012488649/article/details/77944969
  浏览器发起ajax请求，请求成功后再进行下一次请求，这样的话就会排队，发送一个模块的ajax请求后必须等到success回调后再发送第二个模块的ajax，形成ajax嵌套，就会产生阻塞的状态，于是可以合并ajax请求，这种合并是对请求后的结果进行合并。实现方式的话可以声明一个合并数据，声明一个请求次数，每完成一个请求，则请求次数减一，直到请求次数为0时，执行业务逻辑，这样的话，请求耗时
  = 最慢的那个请求时间
  头部script加载js时，合并js加载https://blog.csdn.net/weixin_33913377/article/details/93736323
• script标签使用async和defer修饰
  defer:在后台进行下载，不会阻止文档的渲染，当页面解析并渲染完毕后，会等到所有的defer脚本加载完毕并按照顺序执行
  async：脚本在后台加载，先加载完毕先执行，执行完接着渲染文档，下一个script下载好了，执行script2，之后接着渲染文档，相当于下载好了就执行
• 使用缓存，避免每次都进行数据传输带来时间上的浪费