Chrome的HTML页面内存使用情况 [英] Chrome HTML Page Memory Usage

问题描述

我有我在Chrome与时间轴加载启动，5秒后，你可以看到三个尖峰的页面。 7日第二页之后加载和稳定。貌似已经铬分配内存但没有垃圾收集它们。

I have a page which I loaded in Chrome with Timeline started, after 5th second, you can see three spikes. After 7th second page is loaded and stabilized. Looks like chrome has allocated memory but didnt garbage collect them.

在近11秒（对图像1黑标），我preSS垃圾收集的时间安排和我看到的释放下降到3 MB的所有内存。内存归结为3MB后，我的网页可以正常工作。

On nearly 11th second (with a black mark on Image 1), I press Garbage Collect on timeline and I see all memory released down to 3 MB. After memory comes down to 3MB, my page works correctly.

我的目标是要找到内存泄漏（如果有的话）。但是，垃圾收集后，记忆下来，它仍然可以正常运行。

My target is to find memory leaks (if there are any). But after garbage collect, memory comes down and it still runs correctly.

1. 反正是有页面加载后强制垃圾收集？因此，在移动设备上的内存会自动释放？


2. 在图片2，这些是什么名字？他们不看我的库中使用（我的库的名字是WebAtoms），所以我可以不理会他们？


3. 我的图书馆WebAtoms有黄色显示几个对象，这是什么意思（图3）？


4. 是否有任何教程或深度如何理解这些配置文件/时间线和它们意味着什么？分析


5. 是否有任何直接的方式来获取有关内存泄漏的信息？

图片1

图片2

图片3

Image 3

推荐答案

您有在JavaScript垃圾收集没有控制权，可以删除属性，或设置空值，虽然暗示的GC。

You have no control on garbage collection in javascript, you can delete properties , or set null values though to hint the GC .

垃圾收集是不同于一个浏览器到另一个，因为他们大多有自己的JavaScript虚拟机处理。那么，什么可能与Chrome的真正的原生移动浏览器将不会是真实的。

Garbage collection is handled differently from one browser to another since most of them have their own javascript VM. So what might be true with Chrome would not be true on a native mobile browser.

至于如何优化code，依赖于code是什么。

As for how to optimise code ,depends on what the code is.

希望就如何使用所有乱七八糟的一些提示？

Wants some tips on how to use all that mess ?

https://developers.google.com/chrome-developer-工具/文件/堆纹

这篇关于Chrome的HTML页面内存使用情况的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！