개발공부/🎏 HTML & CSS
HTML내에서 <script> tag 작성 위치
2023. 5. 6. 16:11
웹 페이지를 개발할 때, 또한, defer 속성은 스크립트를 비동기적으로 로드하지만, DOMContentLoaded 이벤트가 발생할 때까지 스크립트의 실행을 지연시킨다. async 속성은 스크립트가 다운로드되는 즉시 실행되며, HTML 파싱을 차단하지 않는다.그러나 여러 스크립트가 있을 경우, 실행 순서는 보장되지 않는다는 것을 유의해야 한다. 2️⃣ 태그 내부 가장 하단에 작성하기 일반적으로 태그 의 끝부분에 스크립트를 끝 부분에 위치시키는 것과 끝 부분의 인라인 스크립트는 외부 스크립트를 끝에 배치하는 것과 비슷하게 페이지 내용이 로드된 후 스크립트가 실행되도록 보장한다. 정리하자면, 페이지의 성능 향상을 위해 큰 스크립트의 경우, 의 끝부분에 배치하거..