HTML에서 JavaScript를 body의 끝부분에 연결하는 이유

 웹브라우저가 HTML문서를 해석(Parsing)할 때, <script> 태그를 만나면 그 안에 있는 JavaScript의 처리가 끝날 때 까지 HTML의 해석을 멈추기 때문에 HTML 페이지가 사용자 화면에서 다 그려지기까지의 시간이 더 오래 걸리게 된다. 따라서, 페이지 로딩을 빠르게 하기 위해 <sciprt> 태그를 </body>직전에 두어서 우선 HTML과 CSS의 해석을 먼저 하게 만드는 것이 좋다.

 

  ...
  ...
  ...
   <script src = "script.js"></script>
</body>