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

Question

我们正在构建一个广泛使用css3转换的应用程序。显然，转换比例，rotate3d，当然，大型图像都是一旦在页面上有关键数量的html元素就会达到内存使用阈值的因素。

目标是最大限度地增加可添加的元素数量，同时尽量减少css3d变换特征或图像大小/质量。

我正在寻找工具/技术来监控浏览器中的内存使用情况，详细介绍了技术上可用的级别。

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

奖励：有效处理图像/ css3转换/动画的任何提示？

Answer 1

到目前为止，我发现的最好的事情（在chome中）是chrome web开发人员工具的 timeline 功能。

它非常严谨和细致。你可以分析到一个非常低的水平，包括绘画事件，css选择器，当然还有javascript函数的复杂细节。