Полагаю, я немного опоздал на вечеринку, но мне действительно трудно разобраться с "асинхронностью" и "отсрочкой".
Из чтения документов я понял, что следующая смесь позволит всем асинхронным загружаться в любом порядке до запуска defer (scripts.js). Однако в моем тестировании я вижу, что испорченный файл «scripts.js» работает до загрузки асинхронного режима, что приводит к проблемам, когда библиотеки не готовы к инициализации.
<script async src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script async src="/-/js/modernizr.js"></script>
<script async src="/-/js/fancybox.js"></script>
<script async src="/-/js/lazysizes.js"></script>
<script async src="/-/js/slideshow.js"></script>
<script async src="/-/js/form.js"></script>
<script async src="/-/js/watch.js"></script>
<script defer src="/-/js/scripts.js"></script>
Содержимое файла «scripts.js» обернуто в функцию готовности документа, которая, как я полагал, запустится только после полной загрузки скриптов «async»:
jQuery(document).ready(function(){
Из документов я понимаю, что любой «отложенный» будет загружаться по порядку, поэтому следует ли вместо этого применять «отложенный» для всех или использовать другую функцию документа?
РЕДАКТИРОВАТЬ - Я должен отметить, что скрипт 'scripts.js' опирается на другие скрипты.