本文总结 JavaScript 运行时性能优化的常见技术，包括内存管理、DOM 操作优化与渲染流程控制。
热点关注
- 减少不必要的重渲染：通过最小化状态变化范围、使用惰性渲染和虚拟化列表。
- DOM 操作：批量 DOM 更新、使用 DocumentFragment、避免频繁读取布局触发回流。
内存与 GC
- 避免大量短命对象的频繁分配，必要时使用对象复用池。
- 使用性能分析工具（Chrome Profiler）定位内存泄漏与长时间存活对象。
异步与主线程卸载
- 将密集计算移到 Web Worker 或通过 requestIdleCallback 分摊到空闲时间。
网络与资源优化
- 代码分割、按需加载与资源预加载（preload/prefetch）能改善感知性能。
工具与度量
- 使用 Lighthouse、Web Vitals、Profiler 进行量化评估，并在 CI 中加入性能回归检测。
结语
性能优化是持续工程，先以简单高效的改进（减少渲染、懒加载）入手，再用度量驱动逐步优化。