通用性能调优

1. 优化预加载

  • 增加dnf-prefetch
  • 延迟加载部分js(defer)
  • 资源分组,部分转成懒加载

2. 优化资源文件

  • 纹理集合并,用帧读取
  • Tree-Shaking 删除无用代码
  • html,js,图片,进一步工具压缩

3. 内存优化

  • 懒加载,缩小图片尺寸和体积,png和jpg合理利用
  • 排查内存泄漏,交互完成及时销毁对象
  • 所有监听和timer,在暂停等不交互时做适当销毁处理

4. 渲染优化

  • 减少事件分发,减少事件中过多操作
  • 去掉矢量文本,尽量减少旋转,位移等操作
  • 不要的对象删除时,同时删除对象的所有引用,增加对象池的重复利用
  • 减少动态属性查找