Menu
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.
824
Sorting, search, graph traversal, matrix multiply are all CPU operations, a process is CPU-intensive or not it depends on how much and how frequent are their execution.
In case of time intensive synchronous operations, setTimeInterval may break the rhythm. Also, if any error occurs in setInterval code block, it will not stop execution but keeps on running faulty code. Not to mention they need a clearInterval function to stop it.
Use 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.
145
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)
43
WebKit based browsers (like Chrome) have cpu profiling tab in developer tools, might be what you are looking for.
40
As already mentioned, many modern browsers include profilers. You might also want to check out the jQuery Profile plugin as a complement to those profilers...
http://plugins.jquery.com/project/profile
2
The new IE9 beta developer toolbar has a nice profiler also.
1
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
