defer vs DOMContentLoaded

• defer이 먼저 실행된다

defer 여러개 실행 순서

<script src="./defer.js" defer></script>
<script src="./defer2.js" defer></script>

• 여러개의 defer가 있으면 위에서 아래로 순서대로 실행된다
• defer.js 실행 -> defer2.js 실행

async와 DOMContentLoaded는 서로 무관하다

• DOMContentLoaded 먼저 실행될수도 async가 먼저 실행될수도 있다

참고

• https://ko.javascript.info/script-async-defer