HTML 하단에 자바스크립트를 배치하는 이유

브라우저에 화면이 뜨는 과정은 다음과 같다.

 

1. 클라이언트의 요청으로 서버에서 HTML, CSS, Image, JS 순서대로 리소스를 클라이언트에게 전달된다.

 

2. 브라우저는 구문(HTML, CSS, Image)을 분석하고 렌더링을 실행한다.

 

3. 마지막으로 JS 엔진(인터프리터)으로 해석하고 실행시킨다.

 

이러한 실행 순서와 더불어 JS의 실행시간이 다른 작업에 비해 느리기 때문에 JS를 상단에 배치하면

 

화면의 반응성이 낮아지고 사용자에게 불편함을 줄 수 있다.