jquery - How to analyze JavaScript function execution order -


i have optimize website uses lot of javascript. i'm not author of site. need understand way works , optimize few things related javascript. , need understand js code executed during page load.

i'm looking way display javascript functions execution order. site i'm dealing uses 40 external scripts , 20-40 inline js stuffed here , there. best firefox add-on.

i know can add console.log("script name"); each of js files amount of code it's ridiculously unpractical. know firebug ships profiler, not allow me see when function executed. besides crashes on site i'm trying analyze.

i want know order of function execution. site heavily relays on jquery. of these scripts jquery.

as in earlier comment, try using chrome. useful links here use developer tools 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 addy osmani on timeline profiles:-

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

hope these of use you.

mat


Comments

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -