javascript – 如何跟踪慢速JS或JQuery代码

我创建了一个用于查看图像的网页.这个页面有一些其他代码,包括我没有写.该页面在加载时加载40个小图像.然后用户将向下滚动,并且可以通过ajax加载40张图像的附加页面.一旦我达到15-20页,我注意到页面开始显着减慢.我检查应用程序计数器,它可以达到100％的cpu和内存可以超过3GB.然后我将不可避免地得到 JQuery执行时间太长的模态,问我是否要停止执行脚本.现在我意识到一个包含多达800个图像的页面是一个很大的负载,但是JQuery的问题告诉我,一些代码也可能正在迭代这个越来越大的dom对象组.当我通过15页左右时,它几乎看起来会呈指数级变慢.一旦我达到20页,它几乎无法使用.

@H_419_8@

首先,当你拥有这么多图像时,即使使用最少的JS,它甚至可以有效地运行页面吗？其次,是否有推荐的方法来“跟踪”JS,看看有哪些功能被执行以帮助确定最可能的罪魁祸首？这对我来说最重要 – 在Firebug中有一个很好的方法吗？@H_419_8@

谢谢 ：)@H_419_8@

编辑 – 我找到了答案.我有一些旧的代码,用于替换无法加载通用图像的图像.这段代码使用的是Jquery的.each操作符,因此每次加载页面时都会迭代整个页面并添加每个新的ajax.我将为需要在CSS中检查的图像设置一个类,以便加载ajax的图像不受影响.@H_419_8@

console.log('StarTing Profile');
console.profile();
SUSPECTFunction();
console.profileEnd();