defer1 javascript defer, async 웹 프런트 개발을 할 때 외부 스크립트를 추가하는 경우가 있다. 브라우저는 HTML을 읽다가 태그를 만나면 스크립트를 먼저 실행해야 하므로 DOM 생성을 멈춘다. 이를 방지하기 위해서 스크립트를 페이지 맨 아래 놓는 것이 하나의 방법이 될 수 있다. 하지만 HTML 문서 자체가 아주 큰 경우 문서 전체를 다운로드 한 다음에 스크립트를 다운받게 하면 페이지가 정말 느려질 것이다. 이런 문제를 해결할 수 있는 defer, async 둘 다 '백그라운드'에서 스크립트를 다운로드한다. DOM을 그리는 중에 다운로드가 같이 되기 때문에 페이지 로딩 속도가 빨라진다. defer 스크립트 실행은 페이지 구성이 끝날 때까지 지연된다. 다른 스크립트를 모두 다운로드할 때까지 기다린다. 그리고 스크립트를 문서에 추가한.. 2025. 9. 10. 이전 1 다음 반응형