목록use-strict (1)

//log my lifestyle

[JavaScript]드림코딩 : script async와 defer의 차이점

1)Head 안에 script 추가할때 브라우저는 한줄씩파싱하다가 스크립트태그를 만나면 파싱을 멈추고, js다운과 실행이 완료되었을때 페이지를 다시파싱한다. JS파일이 크고무거울수록 페이지로딩지연이 계속늘어난다. 사용자가 웹사이트를 보는데까지 많은 시간이 소요된다. 2 )body 밑에 script추가할때 사용자가 기본적인 Html컨텐츠를 빨리본다는장점 하지만 컨텐츠가 js에 의존적,즉 의미있는 컨텐츠를 보기위해서는 서버에서 자바스크립트를 받아오는 시간도 기다려야하고 실행하는 시간을 기다리는 단점도 있다. 3) head + async head에 script로 넣지만 async라는 속성값을 준다. asyn: 불리언타입의 속성이라 선언하는것만으로 true로 설정이 된다. 브라우저가 파싱을하다가 병렬로 js파일..
Web/Javascript 2021. 9. 5. 16:21
이전 Prev 1 Next 다음