javascript的高CPU使用率 - 如何调试？

Question

找到javascript的高CPU使用率的最佳方法是什么？

我有一个脚本,只需在缩略图库中加载来自flickr的照片.加载后,没有任何操作(等待您点击它们以显示在灯箱中),但CPU使用率仍然是25%或更多.

我打开了firebug,点击了个人资料,稍等了一下再点击它,但它说"没有活动要报告".如果有什么事情发生,它会报告吗？或者我使用这个工具错了？

我在加载所有内容后执行此操作,只是为了查看可能导致高CPU使用率的原因.

谢谢,韦斯利

编辑:似乎已经追溯了它的起源......它与JS无关,但是CSS!搞什么鬼？

问题是:

我有一个缩略图库,我在图片加载时显示加载指示器而不是缩略图:

.thumbnail img {
   display:block;
   background-image: url("/images/ajax-loader.gif");
   background-position: center center; 
   background-repeat:no-repeat;
   overflow:hidden;
   color:white;
}

如果我删除这个代码,CPU使用率下降到0,03%或者什么......而不是20%......这是因为GIF动画还在播放,但只是掩盖了吗？

我不知道GIF动画从cpu中拿了这么多？当然,它已经做了20多次,但仍然如此.在safari/chrome中也是如此.

我想我应该不使用每个图像内部的加载指示器,或者在成功加载图像时删除背景图像.

Answer 1

我在过去几周使用了工具"dynaTrace AJAX Edition"(免费工具)来分析网站(不仅仅是JavaScript).它有一些非常好的视图,显示资源的使用.尝试跟踪jpu(或浏览器的其他部分)中导致高CPU使用率的部分.但是该工具仅适用于firefox和当前的Internet Explorer实现,但是当你使用firebug时,这似乎表明你正在使用firefox.

他们的论坛页面上有一个名为"还有什么可以影响浏览器CPU使用率和AJAX性能？"的条目.这提供了一些可能有用的提示.