<script> 태그의 defer 특성

• 4/13/2023
• 2 minutes to read

<script> 태그의 defer 특성은 스크립트 파일이 비동기적으로 로드될 때 사용하는 속성입니다. 이 속성을 사용하면 스크립트가 HTML 문서의 파싱을 방해하지 않고, HTML 문서의 파싱이 완료된 후 스크립트 파일이 로드되도록 할 수 있습니다.

defer 속성이 있는 스크립트 파일은 HTML 문서의 파싱이 완료된 후 순서대로 실행됩니다. 이때 스크립트 파일의 로딩과 파싱이 비동기적으로 처리되므로, HTML 문서의 로딩 시간이 줄어들고 페이지 로딩 속도가 개선될 수 있습니다.

하지만 defer 속성은 IE 10 이하 버전을 비롯한 일부 브라우저에서 지원되지 않을 수 있으므로, 해당 브라우저에서는 defer 대신 async 속성을 사용해야 합니다. 또한, defer 속성은 스크립트 파일이 외부에서 로드될 때에만 사용할 수 있으며, <script> 태그 내부에 스크립트를 작성하는 경우에는 defer 속성을 사용할 수 없습니다.