debugging - 寻找工具/技术来监控浏览器中的内存使用情况

Question

我们正在构建一个广泛使用 css3 转换的应用程序。显然，transform scale、rotate3d，当然还有大图像都是导致页面上出现临界数量的 html 元素时达到内存使用阈值的因素。

目标是最大化可以添加的元素数量，同时在 css3d 转换或图像大小/质量的特性上做出最小的妥协。

我正在寻找工具/技术来监视浏览器中的内存使用情况，并在技术上尽可能详细地进行。

目前正在使用谷歌浏览器。

奖励：有什么技巧可以有效地处理图像/css3 转换/动画？

Answer 1

到目前为止（在 chome 中）我发现的最好的东西是 chrome web 开发工具的时间线功能。

它惊人的严谨和详细。您可以分析到非常低的级别，包括绘制事件的复杂细节、css 选择器，当然还有 javascript 函数。