[ js ] async 와 defer의 차이점

• async 비추천

html parsing을 하다가 js를 만나서 병렬로 js파일을 다운로드 받음! 명령을 해놓고 다시 html parsing 함. 다운로드가 완료되면 잠시 멈춰서 js를 실행하고 다시 parsing함.

다운로드 받는 시간을 절약할 수 있음 그러나 사용자가 js를 다운받기 전에 접할 수 없고 다운로드가 오래걸릴 수 있음.

• defer 추천

parsing을 하다가 js를 다운받자 명령을 해놓고 쭈욱 parsing하다가 마지막에 parsing이 끝난다음에 js를 실행함.

• async 와 defer 차이점

순서대로 js가 실행되어야 한다면 async 은 순서대로 실행되는게 아니라 먼저 다운로드 된 순서대로 보여주기 때문에 문제가 생길 수 있음.

그러나 defer은 모든 js를 다운받고 실행하기 때문에 순서대로 인출할 수 있음.