728x90 728x90 async와 defer의 차이점1 [공부 / javascript] async / defer의 차이점, 자바스크립트를 효율적으로 포함해보자 자바스크립트를 효율성있게 포함하는 방법을 알아보자! head에 스크립트를 포함하는 방법 - parsingHTML => 스크립트 불러옴 => parsingHTML 단점 js파일이 너무크면 웹사이트를 로딩하는데 많은 시간이 걸림 body에 스크립트를 포함하는 방법 - parsingHTML 다 불러온다음 => 스크립트불러옴 단점 기본적인 html을 볼 수 있는 장점이 있지만 웹사이트가 스크립트에 의존적이라면 dom요소들이 늦게 반응됨 head에 asyn옵션을 써서 스크립트를 포함하는 방법[] - parsingHTML => 스크립트 =>parsingHTML 장점 html 불러오다가 병렬로 js파일을 다운받아서 다시 html불러오면서 js가 다 되면parsing을 멈추고 js를 실행해줌 그리고 html을 다시 p.. 2021. 9. 26. 이전 1 다음 728x90 반응형