defer

defer는 <script> 태그의 속성 중 하나로,

해당 스크립트가 HTML 파서에 의해 파싱되는 동안 실행되지 않고,

파싱이 완료된 후 문서가 완전히 로드된 직후에 실행되도록 지정하는 역할을 합니다.

일반적으로 스크립트 파일은 HTML 문서의 <head> 태그 내에 포함되는데,

이 경우에는 스크립트 파일이 다운로드되고 파싱되는 동안 페이지 로딩이 멈출 수 있습니다.

이는 사용자 경험에 부정적인 영향을 미칠 수 있습니다.

그래서 대부분의 개발자들은 스크립트를 문서 끝에 놓는 것을 선호합니다.

그러나 때로는 문서의 상단에서 스크립트를 로드해야 하는 경우도 있습니다.

이런 경우에 <script> 태그에 defer 속성을 추가하면 스크립트가 비동기적으로 다운로드되어,

페이지의 파싱을 방해하지 않고 비동기적으로 로드되며, 문서의 파싱이 완료된 후에 실행됩니다.

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

이 경우, script.js 파일은 페이지가 파싱되는 동안 다운로드되지만 실행은 페이지 파싱이 완료된 직후에 이루어집니다.

이는 자바스크립트 파일이 페이지의 다른 구성 요소에 의존하는 경우 유용합니다.

momomoo