使用Chrome开发工具的JavaScript实例与原型方法和堆快照数据

Question

我在Chrome开发工具中有一个堆配置文件，但我不确定如何解释数据。作为测试，我创建了10,000个WidgetBuilder对象，每个对象都有自己的方法。我想在实例和原型上分析存储方法，看看当我的页面加载时它会如何影响内存和性能。

1. 我应该专注于保留尺寸还是浅尺寸？
2. 这些列中列出的值是以字节为单位吗？
3. 什么被认为是很多记忆？

Answer 1

您可能想从这里开始：

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

详细介绍了如何理解您正在阅读的内容。至于什么被认为是一个棘手的问题的大量记忆。如果您的网站是针对移动设备的，我会从那里开始作为约束。为了得出一个很好的比较，我建议对每天使用的网站运行探查器并观察那里的内存消耗。

如果您发现自己使用的内存比gmail更多，则可能需要重新考虑;）

我还建议你查看jspref：

http://jsperf.com/prototype-vs-instance-functions

在该网站上有很多关于性能测试的先前工作。你可以节省一些时间。