async vs defer
브라우저는 html, css, javascript순서로 파싱을 한다. 웹 브라우저는 기본적으로 동기적인 실행을 하기 때문에 중간에 다른 파일이 파싱을 시작하면 파싱이 끝날 때까지 기다려야 해서 성능상 문제가 발생할 수 있다. 일반적인 파싱 방법 1. HTML 파싱을 진행하다가 script 태그를 만나면 html파싱을 중지한다. 2. script파일을 파싱하고 파싱이 완료되면 실행한다. 3. script파일의 파싱이 완료된 후에 html파싱을 다시 진행해 완료한다. 따라서 일반적으로 script 태그를 html태그 맨 마지막 부분에 넣어 html 파싱을 마친 후 script 태그를 실행하도록 한다. 하지만, 사용자 입장에서 javascript로 구현한 성능을 경험하기까지 시간이 소요될 것이고, 이는 사용자..