前端性能复盘开发短记：内存增长怎么查

前端性能复盘开发短记内存增长怎么查内存随时间增加不一定就是泄漏缓存、数据量变化和浏览器回收时机都会影响曲线。一次有效复盘应留下可重放的场景、快照和修复后的验证结果而不是编造事故过程。先确认对象为何仍被引用在测试环境按相同操作重复多次在操作前后采集 Heap Snapshot。比较 retained size 和 retaining path找出是事件监听、定时器、全局缓存还是闭包持有了对象。必要时配合 Allocation instrumentation on timeline 查看对象创建过程。export function bindResize(onResize) { window.addEventListener(resize, onResize); return () window.removeEventListener(resize, onResize); }组件卸载时调用返回的清理函数WebSocket、Worker、图表实例和定时器同样需要明确的关闭路径。不要只依赖“页面离开后浏览器会处理”。让复盘可复核写下浏览器版本、测试数据、操作步骤和观察时间。保存脱敏后的快照结论和 retaining path而不是上传用户数据。说明修复改了哪一处引用关系并重复相同操作验证趋势。如果曲线仍不稳定记录未知因素继续缩小复现范围。这类资料可以帮助下一次定位但不能脱离测试条件承诺内存一定不会增长。复现步骤应同时记录浏览器版本、路由切换次数与采样时间当修复依赖卸载时再用同一条 retaining path 核对对象是否确实消失。若页面含第三方组件单独标出其版本避免把外部缓存误归因给业务代码。