[Javascript- 이론] async , defer

📝 async , defer 이란

async

  • HTML parsing과 병렬적으로 로드가 되는데, 스크랩트를 실행할 때는 파싱이 중단된다.

defer

  • HTML parsing과 병렬적으로 로드가 되지만, parsing이 다 끝나고나서 스크립트를 로드한다.
  • 기본적으로 head안에 defer 옵션을 써서 사용하는게 효율적이고 안전하다.

async vs defer

| head에 script 포함한 경우

 

| body 끝부분에 넣을 경우

 

| head + async

 

| head + defer

 

참고 URL : https://www.youtube.com/watch?v=tJieVCgGzhs&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=2 

 

 

댓글

Designed by JB FACTORY