자바스크립트에서 async, defer 차이
라이언의 꿀팁백과
자바스크립트 로드는 기본적으로 DOM 생성을 block 하는데 async 혹은 defer 키워드를 통해 이를 별개 스레드로 처리 가능 (즉, 백그라운드에서 리소스 다운로드)
async 와 defer 는 이러한 점에서는 동일하지만 '언제 실행되느냐' 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성을 완료한 이후에 실행이 됨.