Script async와 defer

<script async src="*.js" onload="myInit()"></script>

<script defer src="*.js" onload="myInit()"></script>

 

async는 window의 load event 전 내려받는 즉시 바로 실행

defer는 parsing 작업이 끝난 후, DOM Content Loaded event 전에 문서에 삽입된 순서에 따라 실행.

 

script가 문서를 직접 만지고 조작하거나 서로 간 로딩 순서가 중요할 경우엔 defer 속성을 쓰고,

그렇지 않으면 async 속성을 써서 웹 페이지 로딩 속도를 줄일 수 있다.

* IE에선 아직 async 지원 *