После некоторого интересного чтения в async я не смог найти никакой информации о том, что должно произойти, если вы сначала имеете обычный тег скрипта, а затем один с асинхронным.Смешивание html5 <script async> с не-async <script> теги
Я пробовал быстрый тест и, кажется, делает то, что я надеюсь: если я сначала ставил неасинхронный тег, он всегда загружает его до более позднего асинхронного атрибута. Вот код, я тестирую с:
test.html:
<!doctype html>
<html>
<head><title>test</title></head>
<body>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="test.js" async></script>
</body>
</html>
test.js:
alert(window.jQuery);
В любом случае, кажется, что загружена Jquery. Может быть, я что-то пропустил в своих тестах. Это верно? Могу ли я помещать зависимости в теги non-async, а затем иждивенцы, использующие async? Это особенно полезно для этого?
Есть ли какие-либо проблемы? Что произойдет, если у вас есть какие-то асинты, а затем не-асинхронные? Будет ли асинхронная загрузка js первой?