script src 로 되어 있는 파일들이 우선 실행되도록 하는게 가능할까요?
본문
<script src="/js/common.js" ></script>
의 내용이 alert 보다 빠르게 로딩하게 할수 있는 방법 있을까요?
<script>
$(function() {
alert('dd');
})
</script>
답변 1
스크립트 실행순서는 (1) 스크립트 내용 (2) HTML 에서의 등장 순서와 속성(async, defer) 따라 달라집니다.
(1) 스크립트 내용
alert 는 jquery 에 의해 DOMContentLoaded 이벤트 이후 실행되는 것을 알 수 있으나
common.js 안의 내용을 알 수 없어 비교가 어렵습니다.
(2) HTML 에서의 등장 순서
만약 common.js 안의 내용 또한 DOMContentLoaded 이후 실행되는 코드로 작성되어 있다면,
단순히 순서를 바꾸는 것 만으로도 실행 순서가 달라질 수 있습니다.
만약 common.js 안의 내용에 따로 실행시점이 정해져있지 않을 경우라면
async, defer 속성을 동시에 주입하여 DOMContentLoaded 이벤트 이후 실행되도록 강제할 수도 있습니다.
<script src="/js/common.js" async defer></script>
답변을 작성하시기 전에 로그인 해주세요.