Chrome HTML页面内存使用情况

Question

我有一个页面，我在Chrome中加载了Timeline，在第5秒后，您可以看到三个峰值。第7页加载并稳定后。看起来chrome已经分配了内存但没有垃圾收集它们。

在接近第11秒（图像1上带有黑色标记），我按时间线上的垃圾收集，我看到所有内存释放到3 MB。内存降至3MB后，我的页面正常工作。

我的目标是找到内存泄漏（如果有的话）。但是在收集垃圾之后，内存就会停止运行并且仍能正常运行。

1. 无论如何在页面加载后强制进行垃圾回收？那么在移动设备上，内存会自动释放吗？
2. 在图像2上，这些名称是什么？它们看起来不像我的库中使用的那样（我的库的名字是WebAtoms），所以我可以忽略它们吗？
3. 我的图书馆WebAtoms几乎没有黄色显示的对象，这是什么意思（图3）？
4. 是否有任何教程或深入分析如何理解这些概况/时间表及其含义是什么？
5. 有没有直接的方法来获取有关内存泄漏的信息？

图片1



图片2



图片3

Answer 1

您无法控制javascript中的垃圾收集，您可以删除属性，或设置空值以提示GC。

垃圾收集的处理方式因浏览器而异，因为大多数浏览器都有自己的javascript VM。因此，在本机移动浏览器上，Chrome可能不会是真的。

至于如何优化代码，取决于代码是什么。

想要了解如何使用所有混乱的一些提示？

https://developers.google.com/chrome-developer-tools/docs/heap-profiling