2022. 5. 18. 16:16
반응형

defer
script src 호출중 defer값을 넣으면 백그라운드에서 다운로드 한다.
<script defer src="~~~~~~"></script>
단, DOMContentloaded 이벤트 발생 전 실행 됨

async
defer와 마찬가지로 백그라운드에서 다운로드 한다.
<script async src="~~~~~~"></script>
단, DOMContentloaded가 해당 스크립트 로딩을 기다리지 않고 비동기로 실행된다.
async가 여러개인 경우 실행 순서는 제각각이 된다.

동적 스크립트
let script = document.createElement('script');
script.src = "/~~~.js";
document.body.append(script);
동적 스크립트는 async 처럼 동작한다.
script.async = false; // or true
async 여부를 직접 지정도 가능하다.

반응형
Posted by seongsland