React应用突然在Chrome上使用了超过1 GB的RAM

Question

我一直在开发自己正在开发的应用程序，直到现在它的占地面积还很小。但是今天，我正在调查为什么我的计算机突然突然运行缓慢，我可以看到Chrome中的应用程序占用了约1.2 GB的RAM！

通过我的提交，我无法真正发现任何可疑的东西。尝试调试大量内存使用情况时应该看哪？我会张贴代码示例，但实际上看不到任何相关内容。

Answer 1

要检查React在做什么，请尝试使用React事件探查器获取应用快照： Introducing the React Profiler

对于其他所有内容，请尝试查看Chrome开发人员工具中的内置事件探查器： Chrome DevTools: JavaScript CPU Profiling in Chrome 58

这些应该是两个很好的起点。

Answer 2

抱歉，我们可能需要更多有关您尝试过的内容的说明。

可能有很多东西。您最有可能正在存储来自服务器的某种排序数据或某种形式的内存泄漏（例如向集合中添加某些内容，但从不删除它）。

您可以做的一件事是使用Chrome分析器查看内存何时达到峰值：

（可以在按下 Esc 时打开的抽屉中找到。）

如果您要查看页面加载时的内存（使用按钮），则“性能”选项卡也可能很好。只需确保选中memory。