Using the " – Aniket Oct 11 '18 at 11:40

Question

According to this answer you might want to try to use defer instead of async, which leads to the browser to respect the loading order. E.g.:

<script src="scripts/vendor-including-angular.js" defer></script>    
<script src="scripts/your-app.js" defer></script>

score 1 · Answer 1 · edited May 23 '17 at 10:29

1

According to this answer you might want to try to use defer instead of async, which leads to the browser to respect the loading order. E.g.:

<script src="scripts/vendor-including-angular.js" defer></script>    
<script src="scripts/your-app.js" defer></script>

edited May 23 '17 at 10:29

Community

1
1

answered Apr 05 '16 at 11:15

hugo der hungrige

12,382
9
57
84

score 0 · Answer 2 · answered Apr 29 '15 at 12:42

You may want to merge all dependent JS files into one before using async. Use Grunt, Gulp, Broccoli or another task runner for this.

If the script is modular and does not rely on any scripts then use async.

Source: Frontend performance tips for web developers.

score 0 · Answer 3 · answered Jul 17 '15 at 19:38

DON'T USE async attribute with Angular.js script tag.

It seems that using async attribute is harmful. Without it, expressions are evaluated on DOMContentLoaded event, but with the async attribute, there are evaluated on window load event, that is much later. Tested for Angular.js 1.0 and 1.4 in latest version of Firefox, Chrome and IE11.