async, defer - Githubissues

Gunju-Ko / TIL

Today I Learn

0 stars 0 forks source link

async, defer #29

Open Gunju-Ko opened 3 years ago

Gunju-Ko commented 3 years ago

관련 글

https://jae04099.tistory.com/entry/HTML-script-%ED%83%9C%EA%B7%B8%EB%8A%94-%EC%96%B4%EB%94%94%EC%97%90-%EC%9C%84%EC%B9%98-%ED%95%B4%EC%95%BC-%ED%95%A0%EA%B9%8C

내용 요약

script 파일을 다운로드(fetching), 실행(execution) 과정을 거쳐 실행된다.
HTML은 파싱 도중 script 태그를 만나게 되면 중간에 파싱을 멈춘다.
HTML문서는 하향식으로 읽기 때문에 head 태그 내부에 script를 위치시키면 body 내부의 UI는 script 태그를 읽은 후에 사용자에게 보여주게 된다.
async는 HTML 파일을 파싱하다가 script 태그를 만나면, 파싱을 중단하지 않고 script를 다운로드 한다. 다운로드 완료 후 script를 실행할 때 HTML 파싱이 멈추게 된다.
defer는 async와 마찬가지로 HTML을 파싱하다가 script 태그를 만나면 스크립트를 다운로드한다. 차이점은 HTML 파싱 완료 이후에 script를 실행시킨다는 점이다.