Electron 优化
削减资源
代码优化
- 减少代码体积,如 tree-shaking,代码压缩
- 代码拆分,按需加载
减少渲染
- 按可视区域渲染,不渲染多余的 DOM 元素,例如虚拟列表
使用 webAssembly
使用 webAssembly 代替 JS 进行计算密集型任务
图片优化
- 压缩图片质量
- 语言图 + 高清大图切换
- 减少动态图片的帧数和质量,使用 Lottie
内存和 CPU 占用
- 消除代码的内存泄漏问题,例如闭包,DOM 引用等等
- Electron API 的问题,如系统托盘内存占用问题
监控
- 监控和报警平台
- 自动化性能测试
分析工具
- electron v8 heapSnapshot
- devtools memory
- devtools performance
- devtools rendering
- chromium tracing-memory-infra
- WAP