목록2025/01/28 (1)

미새문지

async와 defer의 차이점

태그에서 async와 defer는 스크립트를 비동기적으로 로드한다는 공통점이 있지만, 실행 시점과 순서에서 큰 차이가 있다.async 속성특징비동기 다운로드: HTML 파싱과 동시에 스크립트를 다운로드한다.즉시 실행: 다운로드가 완료되면 바로 스크립트를 실행하며, 이 시점에 HTML 파싱은 잠시 중단된다.실행 순서가 불규칙: 여러 async 스크립트가 있을 경우, 다운로드가 완료된 순서대로 실행된다.적합한 경우다른 스크립트나 HTML 구조와 독립적으로 실행되는 코드에 적합하다.예: Google Analytics, 광고 스크립트 등 페이지와 상호작용하지 않는 외부 도구 defer 속성특징비동기 다운로드: HTML 파싱과 동시에 스크립트를 다운로드한다.HTML 파싱 이후 실행: HTML 문서 파싱이 끝난 후..
개발 TIL 2025. 1. 28. 22:24
이전 Prev 1 Next 다음