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
Post a Comment