Order of loading of assets in a page

Question

Simple question.. if I have on my page:

<link .. with href to some css>
<script.. with src to some script>

can I expect that css will be loaded in page before script loaded and executed, or they can be loaded in parallel?

possible duplicate of [How to define priority to load resources on the webpages?](http://stackoverflow.com/questions/5178863/how-to-define-priority-to-load-resources-on-the-webpages) — David, Dec 13 '11 at 17:01

score 2 · Accepted Answer · answered Dec 13 '11 at 17:05

2

The CSS will start load and parse, The the script will start load and parse.
Then the script will execute after the load/parse is complete.

answered Dec 13 '11 at 17:05

Mark Schultheiss

32,614
12
69
100

Script can start to execute before css parsed? I just want to be sure that executing of the script will start only when styles are ready. – WHITECOLOR Dec 13 '11 at 17:10
No, it will PARSE prior (potentially) but not execute until after. – Mark Schultheiss Dec 13 '11 at 17:13
One "gotcha" is that IE through vers 9 will only load 32 CSS files IF you have a larger number in links. – Mark Schultheiss Dec 13 '11 at 17:17

score 1 · Answer 2 · answered Dec 13 '11 at 17:02

CSS will start loading before the script but loading will be asynchronous. So, you can't be sure which one will be loaded first (depending on the size and internet connection status at that moment) but both of them will be loaded when you reach the onLoad() event.

Order of loading of assets in a page

2 Answers2

Linked