[JavaScript] 자바스크립트 읽기 타이밍 최적화하기

262_자바스크립트 읽기 타이밍 최적화하기 [적용] 자바스크립트 로딩 대기로 페이지의 표시를 방해하고 싶지 않을 때 페이지의 표시 속도를 높이고 싶을 때 [문법] 구문 의미 JS 파일을 비동기로 읽어와 즉시 실행 JS 파일을 비동기로 읽어와 HTML 실행 완료 후 실행 [내용] 브라우저는 웹 페이지를 표시할 때 HTML 코드를 위에서부터 순서대로 실행한다. head 태그 내 script 태그를 삽입하면 head 태그 실행 중 해당 script 태그에서 HTML 코드의 실행이 정지되고 동기 처리를 이용해 자바스크립트 파일의 다움로드를 시작한다. 하지만 script 태그에 defer 속성과 async 속성을 설정하면, 자바스크립트의 다운로드는 비동기로 실행되고 HTML 실행은 정지되지 않는다. async와 ..

2022.08.08