1. js 파일이 head에 포함된 경우
→ js를 다 다운 받은 후 html을 파싱
장점: 완벽한 페이지를 보여줌
단점: js 다운받는 시간 동안 페이지가 안나옴
2. js 파일이 body 끝에 포함된 경우
→ html을 다 파싱 후 js를 다운
장점: 페이지를 열자마자 비어있지 않음
단점: 깨진 페이지를 볼 수 있음
3. async
<head>
<script async src='main.js'></script>
</head>→ html을 파싱하다가 필요할 때 다운받아 실행
장점 : async 선언을 하면 다운로드 받는시간 절약
단점: html과 시간이 안맞아 혼동이 있을 수 있음
4. defer
<head>
<script defer src='main.js'></script>
</head>→ html을 파싱하는 동안 js를 다운받고 바로 실행
가장 best 방법 :헤드안에 defer을 넣어 자바스크립트를 불러오는 것.
ps. js에 'use strict'; 선언을 꼭하자!
자바스크립트에서 일어나는 비상식적인 일들을 막음
Front-End Developer