测量网页的内存使用情况

Question

我正在尝试使用Chrome开发人员工具中"时间轴"标签的内存部分来衡量我网站的内存使用情况.

在各个点我点击垃圾桶按钮强制垃圾收集.问题是图形突然变得跛行,并停止所有测量.最后,在我开始做其他事情后,它再次开始测量,但我从未在图中看到GC按钮的确切点/值.

在我点击垃圾收集按钮后,前两个向下的斜坡立即开始,之后他们只是在我工作之后连接到一个新的当前值.

问题是:

有没有办法强制此图表保持或开始测量？或者,JavaScript中有一种简单的方法可以console.log使用当前的内存使用值吗？

作为一个相关的问题,有没有办法指出图上的一个点,并查看该点的确切内存使用情况？

Answer 1

时间轴记录渲染器端发生的事件。每个事件记录也有“内存使用”字段。时间线将这些数字用于内存图。因此，如果某个时间间隔内没有事件，则内存图将不显示任何内容。

另一方面，如果渲染器什么都不做，那么内存大小不会改变。

如果您绝对确定需要内存数据，那么您可以设置一个什么都不做的计时器。

例如，您可以在控制台中执行setInterval(function() {}, 1000); 在这种情况下，Timeline 将使用内存使用数据获取计时器事件并绘制内存图。