如何找出哪个JavaScript代码导致网页变慢

4

我的网页中有一些代码,经过20-30分钟后,它会使浏览器变得很慢。我需要知道是哪一个代码引起的问题。有什么工具可以用来调试这个问题。

以下js文件正在加载:

  1. Jquery
  2. Jquery ui
  3. History
  4. Mustache

是的,我曾经使用了setTimeout,并认为它是罪魁祸首,但不幸的是,即使将其删除后,它仍然有点慢。


发布您的JS代码。如果没有代码,我们很难告诉您它是什么。我猜测可能是长循环(while或for)。 - Jeffrey
4
心灵密码阅读能力:启动! - Rory McCrossan
2
你的页面在20-30分钟后变慢了吗?听起来像是内存泄漏。Chrome有非常有用的内置开发者工具。 - Rob W
另一个可能性是,您是否重复调用setTimeout?(或 JQuery 的道德等效物)? - Ed Heal
你正在使用哪些 JavaScript 库? - Umesh Patil
2个回答

4
你应该使用Google的Speed Tracer。它是一个Chrome扩展程序。
Speed Tracer是一个工具,可以帮助您识别和修复Web应用程序中的性能问题。它可视化从浏览器内部低级仪表点获取的指标,并在应用程序运行时对其进行分析。Speed Tracer作为Chrome扩展程序提供,并可在当前支持扩展程序的所有平台上运行(Windows和Linux)。
或者,您可以使用Yahoo!的YUI 2:Profiler
YUI Profiler是一种简单的、非可视的JavaScript代码分析器。与大多数代码分析器不同的是,它允许您准确指定要分析的应用程序部分。您还可以在应用程序运行时以编程方式检索分析信息,从而使您能够创建性能测试YUI Test或其他单元测试框架。

2

@Julio Santos回答的补充

你可以使用Dynatrace Ajax,他们有一个很好的免费版本的产品。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接