Milten.ioMilten

内存泄漏

通过迭代堆快照分析检测内存泄漏

优势

迭代堆快照对比
工具多次在页面之间导航并比较迭代间的堆快照——确认真实的内存增长,而非一次性分配。
四类泄漏检测
检测泄漏的堆对象、增长的集合(Array、Map、Set)、累积的事件监听器以及导航后仍留在内存中的分离DOM节点。
字节级内存增量追踪
精确查看每个页面每次迭代泄漏多少字节,显示每个可疑对象的保留大小增量和距GC根的距离。
多页自动爬取
自动浏览您网站的页面,在每个页面上运行泄漏检测——捕获整个用户旅程中的泄漏,而不仅仅是一个路由。

它是如何工作的

工具

速度扫描器
INP 调试器
测试前后缓存
内存泄漏
React Scan

FAQ

工具加载页面,获取堆快照,多次导航离开再返回,然后再次获取快照。在迭代间持续增长的对象被标记为泄漏——排除一次性分配。

分离的DOM节点是从页面中移除但仍被JavaScript引用保留在内存中的HTML元素。它们是单页应用中内存泄漏的常见来源。

可以。工具在迭代间追踪每种事件监听器类型的数量。如果监听器数量在未清理的情况下增长,将标记具体的事件名称和受影响的DOM节点。

当然。SPA是内存泄漏最常见的来源,因为组件在无需完整页面重载的情况下挂载和卸载。迭代导航模式专为此场景设计。

报告显示对象类型、保留大小和增长模式。常见修复包括在useEffect清理函数中移除事件监听器、将已删除DOM节点的引用置空、清除定时器或超时。
我们使用 Cookie

我们使用 Cookie 以确保您在我们的网站上获得最佳体验。有关我们如何使用 Cookie 的更多信息,请参阅我们的 Cookie 政策