Does script async tag preserve script order of execution?

Question

All concerns of combination, minification, gzipping, and cache aside. Does marking a script as async still preserve script execution order?

Say I have a page where jquery is included at the top followed by other scripts at the bottom that assume the presence of jquery.

If I mark the jquery script with the async attribute I know the browser will continue parsing my html. However, will the browser guarantee that jquery is loaded before my other scripts execute or might things happen out of order resulting in an undefined $?

Brad M · Accepted Answer · 2013-02-26 21:19:53Z

1

Making a script async does not guarantee any synchronous execution, except that of the script itself.

<script async src="jquery.js"></script>
<script>
    $.noop() // will definitely throw an error
</script>

<script async src="jquery.js"></script>
<script src="someOtherNonAsyncScript.js"></script>
<script>
    $.noop() // may or may not throw an error
</script>

answered Feb 26, 2013 at 21:19

Brad M

7,9101 gold badge25 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vincent Simard · Accepted Answer · 2013-02-26 21:24:33Z

0

No. It will execute asynchronously.

The async and defer attributes are boolean attributes that indicate how the script should be executed. (...)

http://www.whatwg.org/specs/web-apps/current-work/multipage/scripting-1.html#attr-script-async

answered Feb 26, 2013 at 21:24

Vincent Simard

5443 silver badges8 bronze badges

Collectives™ on Stack Overflow

Does script async tag preserve script order of execution?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related