性能优化

  1. 减少垃圾回收

    不用的对象及时置null 清空数组的时候不但要赋值给空数组,同时将数组的长度赋值为0 函数的优化:在循环或者函数内部的函数可以提取到外面
  2. 减少内存泄漏

    意外的全局变量 被遗忘的计时器或回调函数 脱离DOM的引用 闭包
  3. CDN

  4. 图片的选择

  5. 懒加载和预加载

  6. 样式的优化避免重载和重绘

  7. Webpack打包的优化

  8. 防抖和节流

  9. 打包静态文件开启压缩

  10. 浏览器缓存-强缓存和协商缓存

  11. 预计算和计算缓存 提前计算-记住上次的结果

  12. React组件的优化 PureComponent和memo,hook中的useCallback和useMemo

  13. 浏览器的web worker模仿多线程计算