I'm using jQuery a lot, especially for animations like fading or sliding :)
so I'm attaching various functions that do this on elements like
$(".fade").each(function(....)
or
$('*[class*="slide-"]').each(function(...)...
On some elements I use livequery without specifying a event (so it detects new elements that are being added in the DOM).
$('*[class*="slide-"]').livequery(function(...
This uses a lot CPU.
Anyway, what I'm asking is if there is a application or something, like a code profiler, that can show me how much CPU use each of these functions that are hooked on selectors/events.
I'm using jQuery a lot, especially for animations like fading or sliding :)
so I'm attaching various functions that do this on elements like
$(".fade").each(function(....)
or
$('*[class*="slide-"]').each(function(...)...
On some elements I use livequery without specifying a event (so it detects new elements that are being added in the DOM).
$('*[class*="slide-"]').livequery(function(...
This uses a lot CPU.
Anyway, what I'm asking is if there is a application or something, like a code profiler, that can show me how much CPU use each of these functions that are hooked on selectors/events.
Share Improve this question edited May 27, 2011 at 8:57 Lightness Races in Orbit 385k77 gold badges665 silver badges1.1k bronze badges asked Nov 17, 2010 at 18:34 AlexAlex 67.7k185 gold badges459 silver badges650 bronze badges 1- Duplicate of What is the best way to profile javascript execution? – Phrogz Commented May 27, 2011 at 15:18
5 Answers
Reset to default 7Use the Developer Tools in Chrome and Safari, or Firebug for Firefox, and check out the Profiles section. In IE8, press F12 to open its own developer tools and profiling. This question has also been asked, answered, and accepted already on stackoverflow.
Firebug in Firefox has a wonderful profile tab that will show you scripts running and execution time (if that's what you're looking for)
WebKit based browsers (like Chrome) have cpu profiling tab in developer tools, might be what you are looking for.
As already mentioned, many modern browsers include profilers. You might also want to check out the jQuery Profile plugin as a plement to those profilers...
http://plugins.jquery./project/profile
The new IE9 beta developer toolbar has a nice profiler also.