script 요소의 defer과 async 속성을 통한 효과적인 스크립팅

웹 개발을 하다보면 <script> 요소를 이용해서 HTML 문서 안에 자바스크립트 코드를 삽입하는 경우가 필연적으로 생기죠? 이번 글에서는 이렇게 정말 자주 사용하게 되는 <script> 요소를 좀 더 효과적으로 사용하는 방법에 대해서 알아보려고 합니다.

<script> 요소를 HTML 문서 상에서 어디에 위치시키는지에 따라 웹 페이지의 로딩 속도에 어떤 영향을 미칠 수가 있는지 알아보겠습니다. 더불어, 자바스크립트 파일의 다운로드와 자바스크립트 코드의 실행을 최적화하는데 도움이 될 수 있는 <script> 요소의 defer 속성과 async 속성에 대해서도 살펴보겠습니다.

📝 포스팅: https://www.daleseo.com/js-script-defer-async/

<script> 요소의 defer 속성과 async 속성을 적절히 활용하셔서 웹사이트 성능과 사용자 경험을 향상하실 수 있으셨으면 좋겠습니다.

React를 사용하신다면 아래 포스팅도 같이 읽어보시면 도움이 될 것 같습니다.

📕 React에서 <script> 태그로 자바스크립트 불러오기: https://careerly.co.kr/comments/108092