script 와 defer의 차이점!

임홍렬·2022년 8월 10일
0

자바스크립트 공부

목록 보기
2/12
post-thumbnail

Console API : node.js와 웹 API에 똑같이 포함되어있어 node.js와 웹 API에서 출력 가능하다.

공식사이트 : 이크마 사이트
mdn을 참고 많이 하기 !

async vs defer

  • 단점 : js파일이 용량이 크고, 인터넷이 느리다면 사용자들이 웹사이트를 볼때 시간이 오래 걸린다.

  • 단점 : 사용자가 기본적인 html컨첸르르 본다는 것에 장점은 있지만, 웹사이트가 자바스크립트에 굉장히 의존적이라면(사용자가 의미 있는 컨텐츠를 보기 위해서는) 서버에서 자바스크립트를 받아오는 시간도 기다려야하고, fetching하는 시간도 기다려야한다.

  • 장점 : fetching이 parsing하는동안 병렬적으로 일어나기 때문에 다운로드 받는 시간을 절약할 수 있다.
  • 단점 : 자바스크립트가 html이 parsing되기도 전에 실행이되기때문에 원하는 요소가 아직 정의되지 않을수도있다. 또, 사용자가 페이지를 보는데 시간이 걸릴 수 있다.

  • 장점 : parsing하는 동안 필요한 자바스크립트를 다 다운 받고, parsing이 끝난 후에 필요한 자바스크립트를 실행한다.
profile
뜨내기 FE 개발자

0개의 댓글