html 안에 script 태그를 어느 위치에 삽입하는것이 가장 좋을까? (스크랩)

https://dailydev.tistory.com/15

불러오는 중입니다...

 

게시판 프로젝트를 진행하던 중 srcipt태그는 정확하게 어느 위치에 놓아두는 것이 가장 효율적일까 하는 고민이 있어 검색을 하던 도중 발견한 페이지다.

위 내용을 간략히 정리해보자면 head태그 내에 script를 위치시킨 후 가장 뒤에 추가적으로 async나 defer속성을 넣어주는 방식이 좋다는 것이다.

이 때 defer는 위에서부터 읽어나가며 같은 속성값이 있는 스크립트를 순차적으로 읽도록 해준다. 즉, 동기적으로 실행되도록 조치하고 싶다면 이 속성을 넣어주면 좋다는 것이다.

반면 async는 비동기적으로 스크립트를 실행하도록 만들어주며 순서가 존재하지 않고 먼저 완료되는 스크립트가 먼저 실행된다.