[자바스크립트] - load , defer , async 의 차이

1️⃣ script 로드 문제점 HTML에서 자바스크립트를 가져올 올 때 가장 쉬운 방법이긴 하지만 모든 HTML 요소를 파싱한 후 실행되기 때문에 시간 측면에서 비효율적이다.🤔 ✅ window.onload 이벤트 사용하기 HTML의 모든 요소(DOM, images, script, css, etc)가 로드된 후 발생하는 이벤트다. 버튼 이것또한 모든 요소가 로드된 후 발생하는 이벤트이기 때문에 시간측면에서는 비효율적이다.🤔 ✅ DOMContentLoaded 이벤트 사용하기 window.onload와는 달리 DOM만 생성 후 발생하는 이벤트다. 버튼 window.onload 보다는 빠를 수 있으나 DOM요소를 모두 파싱한다는 점에서 아직까지는 만족스럽지 않다.😅 ES5 부터는 defer, async 속성을..