[javaScript] <script> defer ?

script 태그 속성 중 대표적으론 src / defer / charset 가 있다.

 

src	src 속성은 외부 스크립트 파일의 URL을 명시.
charset	charset속성에는 스크립트의 문자 인코딩 방식을 설정, 문서(웹페이지)의 인코딩 방식과 같다면 굳이 따로 지정할  필요가 없다.

 

defer을 자세히 알아보자. 

defer	defer 속성값을 defer로 지정하면 브라우저에게 스크립트가 문서 컨텐트를 생성하지 않는 것을 명시.  <script> 요소가 외부 스크립트를 참조하는 경우에만 사용할 수 있고, src 속성이 명시된 경우에만 사용할 수 있다.  defer 속성은 불리언(boolean) 속성으로 명시하지 않으면 false 값을 가지게 되고, 명시하면 true 값을 가진다.
	장점 : 자바스크립트 코드의 분량이 많거나 자바스크립트 라이브러리를 사용하는 경우 페이지를 로드 시 속도 향상

 

문법

<script src="/examples/scripts/script_src.js" defer>
…. defer 속성을 지정함으로써 화면표시와는 관련없다는 것을 브라우저에게 알려줌
</script>

 

 

 

 

 

참고 :www.tcpschool.com/html-tag-attrs/script-defer