最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

jquery - How to find out what JavaScript code is slowing down my page - Stack Overflow

programmeradmin8浏览0评论

Some code in my page is making my browser slow after 20-30 min. I need to know which one. What tools can i use to debug this out.

Following js files are being loaded

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

Yes i had settimeout and thought that to be the culprit but alas after removing it too, it's still a bit slow.

Some code in my page is making my browser slow after 20-30 min. I need to know which one. What tools can i use to debug this out.

Following js files are being loaded

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

Yes i had settimeout and thought that to be the culprit but alas after removing it too, it's still a bit slow.

Share Improve this question edited Jan 13, 2012 at 11:52 aWebDeveloper asked Jan 13, 2012 at 10:27 aWebDeveloperaWebDeveloper 38.5k41 gold badges178 silver badges247 bronze badges 5
  • Post your JS code. Without it it's hard for us to tell you what it is. My guess would be long loops (while or for). – Jeffrey Commented Jan 13, 2012 at 10:28
  • 4 Psychic code reading powers: ACTIVATE! – Rory McCrossan Commented Jan 13, 2012 at 10:29
  • 2 Slowing down your page after 20-30 mins? Sounds like a memory leak to me. Chrome has useful built-in developer tools. – Rob W Commented Jan 13, 2012 at 10:29
  • Another possibility, are you calling setTimeout repeatedly? (or JQuery moral equilivant)? – Ed Heal Commented Jan 13, 2012 at 10:35
  • what javascript libraries are you using? – Umesh Patil Commented Jan 13, 2012 at 10:35
Add a ment  | 

2 Answers 2

Reset to default 4

You should use Google's Speed Tracer. It's a Chrome extension.

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).

Alternatively, you have Yahoo!'s YUI 2: Profiler.

The YUI Profiler is a simple, non-visual code profiler for JavaScript. Unlike most code profilers, this one allows you to specify exactly what parts of your application to profile. You can also programmatically retrieve profiling information as the application is running, allowing you to create performance tests YUI Test or other unit testing frameworks.

An addendum to @Julio Santos ' answer

You can use Dynatrace Ajax which has a good free version of their product

发布评论

评论列表(0)

  1. 暂无评论