Что делать, если async и defer ломают порядок выполнения скриптов? Проверьте атрибуты: async запускает внешний скрипт сразу после загрузки и не гарантирует очередь, defer сохраняет порядок подключения и выполняет код после разбора HTML. Для предсказуемой последовательности уберите async, оставьте defer для внешних файлов или создавайте тег script динамически с отключённым async и обработчиком onload.
На практике откройте DevTools → Network, включите Preserve log, отфильтруйте JS и сверьте колонку Initiator с порядком запросов; в Elements проверьте, что у последовательных внешних скриптов стоит defer, а не async. Учтите: defer и async игнорируются для inline-скриптов без src, а module-скрипты по умолчанию ведут себя как defer — смешивать их с обычными async в одной цепочке нельзя без явной координации.