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

Question

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

1. 我应该关注保留尺寸还是浅尺寸？
2. 这些列中列出的值是否以字节为单位？
3. 什么才算是大量内存？

Answer 1

您可能想从这里开始:

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

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

如果您发现您使用的内存比 Gmail 更多，您可能需要重新考虑;)

我还建议查看 jspref:

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

该网站之前已经完成了大量有关性能测试的工作。您也许可以节省一些时间。