Javascript defer

브라우저가 HTML을 읽다가 <script> 태그를 만나면 HTML 파싱을 멈추고 <script>를 먼저 실행합니다. 

이때문에 DOM 객체 생성이 중단되고 사용자는 HTML 이 다 파싱될 때까지 UI를 사용하지 못하는데 

 

<script src> src 속성을 가져 파일을 다운받아오는 script태그는 다운로드가 오래 걸리면 다운로드가 완료될때까지 

파싱이 지연되게 됩니다.

 

이를 해결하기 위해 <script> 태그를 body 끝부분에 위치시키거나

defer 속성을 사용합니다. 

 

script src 는 태그 순서대로 실행되기로 되어있고 

다운로드가 먼저끝나더라도 실행은 태그의 위치 순서에 따른다.

 

defer 속성을 사용하면 script를 백그라운드에서 병렬적으로 다운로드 받고 HTML을 멈추지 않고 계속 파싱합니다.

 

<script defer src="small.js">