HTML의 script 로드 시점과 async, defer 차이

[펌] HTML의 script 로드 시점과 async, defer 차이

요약 :

1. HTML 렌더링 중 script 태그를 만나면 스크립트가 해석 및 실행되는 동안 문서의 파싱이 중단된다.
2. async는 HTML 렌더링을 멈추지 않고 동시에 js 파일을 다운로드하고 다운이 완료되는대로 스크립트 실행
3. defer는 HTML 렌더링을 멈추지 않고 동시에 js 파일을 다운로드하고 HTML 렌더링 종료 후 스크립트 실행

참고 자료

브라우저의 역할과 스트립트의 로드 시점

async, defer 알아보기