0

I have to optimize a website that uses a lot of JavaScript. I'm not the author of that site. I just need to understand the way it works and optimize few things related to JavaScript. And for that I need to understand what JS code is executed specifically during page load.

I'm looking for a way to display a JavaScript functions execution order. The site I'm dealing with uses about 40 external scripts and probably 20-40 inline JS that is stuffed here and there. The best would be Firefox add-on.

I know I can add console.log("script name"); into each of the JS files but with that amount of code it's ridiculously unpractical. I know that Firebug ships with the profiler, but it does not allow me to see when a function was executed. Besides it crashes on the site I'm trying to analyze.

I just want to know the order of function execution. The site heavily relays on jQuery. Almost all of these scripts are jQuery.

Improve this question
1
  • 1
    There's a profiler in Chrome that should be able to do the trick, or you could use the Timeline to see the order in which events occur. Commented Aug 28, 2013 at 11:09

1 Answer 1

Reset to default
1

As in my earlier comment, try using Chrome. Some useful links here to help you use the developer tools to profile JS:-

https://developers.google.com/chrome-developer-tools/docs/cpu-profiling http://coding.smashingmagazine.com/2012/06/12/javascript-profiling-chrome-developer-tools/ https://developers.google.com/chrome-developer-tools/docs/timeline

Great post by Addy Osmani on timeline profiles:-

https://developers.google.com/chrome-developer-tools/docs/timeline

Hope these are of use to you.

Mat

Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

This is what I needed. Thanks. Although I don't like Chrome, this is the first time I actually felt the need for using it :) Though a Firefox alternative would be great.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.