본문 바로가기

Javascript

JS async 와 defer의 차이점

async : 병렬적

head에 script 를 삽입

<head>

     <script asyn src = "main.js"></script>

</head>

 

js 불러오는 순서 :

HTML> 일단 block >다시 HTML > js파일 다운

 

장점 : js 파일을 병렬적으로 받아서 시간절약할 수 있지만

단점 : js가 준비되지않은 상태로 html 실행될 수 있음 

 

defer :

head에 script 를 삽입

<head>

     <script defer asyn src = "main.js"></script>

</head>

 

js 불러오는 순서 :

HTML 전부 불러온후> js파일 다운

 

 

'Javascript' 카테고리의 다른 글

JavaScript로 title 바꾸는 법  (0) 2020.07.30
JavaScript로 HTML 스타일 변경  (0) 2020.07.29
JS 함수선언하기, 호출  (0) 2020.07.28
Vanilla JS 기초 2  (0) 2020.07.27
Vanilla JS 기초 1  (0) 2020.07.26