defer1 <script> async와 defer의 차이점 head에 포함되었을 때 parsing HTML 하다가 script src를 발견하고 하던 parsing을 멈추고 필요한 자바스크립트를 서버에서 다운받아서 작동시키고 중단한 parsing을 다시 실행하다. 만약 js파일의 용량이 매우 크고 인터넷도 느리면 사용자가 웹사이트를 보는 데 까지 많은 시간이 소요된다. body안에 맨 밑에 포함되어 있는 경우 브라우저가 html을 다운받아서 parcing한 후 페이지가 준비가 된 다음에 스크립트를 발견해 서버에서 받아와서 실행한다. 그래서 페이지가 사용자들에게 js를 받기도 전에 이미 준비가 되어서 페이지의 컨텐츠를 빨리 볼 수가 있다. 단점은 사용자가 기본적인 html 콘텐츠를 빨리 본다는 장점은 있지만 만약 웹사이트가 자바스크립트에 굉장히 의존적인 상태 (서.. 2024. 1. 11. 이전 1 다음