defer, async 스크립트

defer, async 스크립트

다운로드 시 페이지 렌더링을 막지 않음

다운로드 시 페이지 렌더링 막지 않음

• async

  문서 내 순서와 상관없이 먼저 다운로드 된 스크립트가 먼저 실행됨

  HTML 문서 완전히 다운로드 되지 않은 상태라도 로드 및 실행될 수 있음

  독립적인 스크립트이거나 실행 순서가 중요하지 않은 경우 적용

• defer

  문서에 추가된 순

  문서 다운로드와 파싱 완료된 후 DOMContentLoaded 이벤트 발생 전에 실행

  영향을 주는 영역엔 반드시 ‘로딩 인디케이터’가 있어야 함(관련 버튼 자동 불가 처리)

  스크립트가 실행 순서가 중요한 경우 적용