출처 : 마소캠퍼스 2013년 4월
제목 : 덧셈 뺄셈보다 쉬운 자바스크립트
브라우저는 HTML 태그를 위에서부터 순서대로 읽어가며 렌더링 하는데,
도중에 <script>를 만나면 렌더링을 일단 중지하고 <script> 파일을 읽은 뒤 다시 렌더링을 시작 한다.
그래서 <head> 태그 사이에 <script> 를 포함 시키면 화면 표시 지연 현상이 발생 할 수 도 있다.
<body> 태그의 마지막에 <script>를 포함시킨다면 화면을 다 표시한 후 스크립트를 로딩하기 때문에 지연현상을 예방할 수 있다.
이밖에도 DOM 접근에 문제가 있지만 <script>를 반드시 마지막에 놓아야 하는 것은 아니다.
페이지 로드 시 동적으로 웹페이지의 콘텐츠를 생성하는 경우에는 <body> 태그 안에 위치 시키는 것이 좋고,
함수 안에서 정의하고 페이지 이벤트에 사용되는 자바스크립트 코드는 <head> 태그 안에 위치 시키는 것이 좋다.