Are Link Elements Loaded Synchronously?

If I have the following HTML5 document:

Solution 1:

The process for obtaining <link> resources is described in the corresponding section of the HTML5 spec, and answers like this:

User agents may opt to only try to obtain such resources when they are needed, instead of pro-actively fetching all the external resources that are not applied

However,

The [<link>] element must delay the load event of the element's document until all the attempts to obtain the resource and its critical subresources are complete

…meaning that a document's load event won't fire until all <link>s have been loaded (or failed)

Share