[알게된 것] defer

스크립트 태그에서 사용하는걸 보고 무엇인지 궁금해져서 찾아보았다.

defer는 HTML script 태그의 속성 중 하나이다.
이 속성을 사용하면

1. 스크립트가 HTML 문서를 파싱하는 동안에는 실행되지 않고, 파싱이 완료된 후에 스크립트가 순서대로 실행된다.

2. 스크립트가 DOMContentLoaded 이벤트를 기다리지 않고, HTML 문서를 파싱하는 동안에 실행이 지연되기 때문에 페이지 로딩이 빨라질 수 있고 특히, 여러 개의 스크립트가 있을때 이 속성을 사용하면 순서대로 실행되기 때문에 스크립트 간의 의존성 문제를 줄일 수 있다.

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

이 속성은 외부 스크립트 파일에 대해서만 유효하고 인라인 스크립트에는 적용되지 않는다.