【问题标题】:Determine memory usage of cached DOM elements in JavaScript?确定 JavaScript 中缓存的 DOM 元素的内存使用情况?
【发布时间】:2012-06-12 20:10:43
【问题描述】:

假设我编写了一些 JavaScript 代码,将数据库中的前十条记录显示为表格行元素。当用户单击以加载更多行时,表格行元素将从页面中删除,但保存在 Javascript 中。

现在,假设我有一个类似的页面,它一次显示 100 行,并且用户可能会翻阅数千行。

当这些元素在 Javascript 中缓存时,我如何知道使用了多少内存?

【问题讨论】:

  • 很难说清楚。但是您当然最好完全删除 DOM 元素并只保留其中的数据。这是一种更简洁的方法,不难做到,并且可以通过 Backbone.js 等各种框架来实现。
  • 我想它不会比将 DOM 元素在页面本身上实现所需的内存更多,而且也许会稍微少一些。 (如今,这可能比“全尺寸”图像还小。)
  • 可能稍微少,因为不在 DOM 中的节点没有父引用,所以至少这两个指针将为空。但是还有很多其他属性,所以 IMO 无论如何都没有太大区别。

标签: javascript dom memory profiling


【解决方案1】:

使用 Chrome 的内存分析器:https://developers.google.com/chrome-developer-tools/docs/heap-profiling

它具有您对此类分析所期望的所有功能。

【讨论】:

  • 如果您愿意,也可以在 Firefox 中使用 Firebug。
猜你喜欢
  • 2017-07-12
  • 1970-01-01
  • 1970-01-01
  • 2018-01-25
  • 2010-09-28
  • 2010-11-26
  • 1970-01-01
  • 2015-04-05
相关资源
最近更新 更多