자바스크립트 유용한 팁

Script태그에는 src, defer, charset과 같은 속성을 지정할 수 있습니다. charset속성에는 스크립트의 문자 인코딩 방식을 설정하며, 문서(웹페이지)의 인코딩 방식과 같다면 굳이 따로 지정할 필요가 없습니다.

제가 말씀드리고 싶은 부분은 defer이라는 속성입니다. defer 속성값을 defer로 지정하면 브라우저에게 스크립트가 문서 컨텐트를 생성하지 않는 것을 명시해줍니다. 이에 따라, 브라우저는 웹페이지의 나머지 부분을 우선적으로 처리해 화면에 표시하는 것을 끝내고 난 후, 스크립트를 처리 합니다.

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

이러한 방법을 사용하면 자바스크립트 코드의 분량이 많거나 자바스크립트 라이브러리를 사용하는 경우에는 페이지를 로드할 때 상당한 속도 향상 효과를 볼 수 있습니다.

출처 : 훈스닷컴