[TIL] CSS와 JS의 위치

HTML은 위에서 부터 코드가 실행된다. head가 다 실행되고 난 후에 body가 실행되기 때문에, head가 다 불러지지 않으면 사용자는 빈 화면만 볼 수 있다.

 

따라서 css는 header, js footer에 두는 것이 좋다. js는 용량이 크면 body 부분의 실행이 늦어지기 때문에 js는 body 하단에 두어 화면이 다 불러온 후에 호출하는 것이 좋다. 이와 달리, css는 화면을 그릴 때 사용되기 때문에, head에서 불러와서 css가 적용되지 않은 깨진 화면을 보는 것을 방지하는 것이 좋다.