asynchronous - Load jquery asynchronously before other scripts

Question

I've added the async attrib to my javascript inclusion HTML.
So now I've:

<script async src="jquery.myscript.js"></script>

And this works with all JS I load, all except jquery.

If I add async to jQuery <script> tag all others script who depend from jquery don't work.

In that jsfiddle you can see the problem:
JsFiddle

In the example I've used <script> Mycode </script> instead of including an external file.js, but this doesn't change the situation.

I'd like to run jQuery with async attrib and run other few external scripts asynchronously only after jquery is loaded.

It is possible?

Answer 1

I'd like to run jQuery with async attrib and run other few external scripts asynchronously only after jquery is loaded.

What does that mean? It sounds a lot like you want to load jQuery first, then other things when it's done. So you want to load it synchronously. If you still want to use the async way, you could define an onload function to continue loading other things once jQuery is ready. Or you could use defer. Both of these are explained here: https://davidwalsh.name/html5-async