[HTML] script, script async, script defer

박현상(HyunSang Park)·2020년 10월 3일
0
post-thumbnail
  • <script>: HTML 파싱이 중단되고 즉시 스크립트가 로드되며 로드된 스크립트가 실행되고 파싱이 재개됩니다.
  • <script async: HTML 파싱과 병렬적으로 로드가 되는데, 스크립트를 실행할 때는 파싱이 중단됩니다, 구글 애널리틱스와 같이 다른 스크립트가 의존하지 않는 독자적인 스크립트를 로드할 때 적합합니다.
  • <script defer>: HTML 파싱과 병렬적으로 로드가 되는데, 파싱이 끝나고 스크립트를 로드합니다. <body> 태그 직전에 <script>를 삽입하는 것과 동작은 같지만 브라우저 호환성에서 다를 수 있으므로 그냥 <body> 태그 직전에 삽입하는 것이 좋습니다.

주의할 점은 async와 defer의 경우 src 속성이 적용되지 않습니다.

참고

profile
🧑🏻‍💻 다양한 소프트웨어를 개발하고 있습니다

0개의 댓글