How to see the order of js scripts loading in a page

Question

how to see the order of js scripts in a page?

I currently see the source html and go through the script declarations. But is there a better way to see the loading order?

Answer 1

Update 2024

By now pretty much every browser offers a developer console. No need for an additional plugin/extension.

Usually those can be accessed via F12 on Windows/Linux.

---

Initial

You could use Firebug's NET console or the pendants of other developer tools as well. This gives you something like the following:

Answer 2

The order of scripts in the html code might not give the exact sequence because there can be situation in which a script is on a remote server and it is down or it is slow. The best way to know is to analyze it visually on a timeline using chrome's in-built developer tool.

1. Open the page in chrome
2. Right click and inspect element
3. Click Network
4. Refresh the page to get the timeline view.