"자바스크립트에서 async, defer 차이"의 두 판 사이의 차이
라이언의 꿀팁백과
(새 문서: 자바스크립트 로드는 기본적으로 DOM 생성을 block 하는데 async 혹은 defer 키워드를 통해 이를 별개 스레드로 처리 가능 (즉, 백그라운드에서 리소스 다운로드) async 와 defer 는 이러한 점에서는 동일하지만 '언제 실행되느냐' 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성...) |
|||
| 3번째 줄: | 3번째 줄: | ||
async 와 defer 는 이러한 점에서는 동일하지만 '언제 실행되느냐' 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성을 완료한 이후에 실행이 됨. | async 와 defer 는 이러한 점에서는 동일하지만 '언제 실행되느냐' 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성을 완료한 이후에 실행이 됨. | ||
https://flaviocopes.com/javascript-async-defer/ | |||
2023년 12월 7일 (목) 14:23 판
자바스크립트 로드는 기본적으로 DOM 생성을 block 하는데 async 혹은 defer 키워드를 통해 이를 별개 스레드로 처리 가능 (즉, 백그라운드에서 리소스 다운로드)
async 와 defer 는 이러한 점에서는 동일하지만 '언제 실행되느냐' 라는 측면에서 차이가 있음. async는 자바스크립트 다운로드 후 즉시 실행이 되고, defer는 DOMContentLoaded 이벤트 후, 즉 현재 페이지의 모든 DOM 생성을 완료한 이후에 실행이 됨.