appendChild가 호출 될 때 javascript가 구문 분석됩니까?

Question

Google 페이지 속도는 내가해야한다고 말해줍니다. Defer parsing of JavaScript.

헤더에 두 개의 외부 Javascript가로드되고 내 문서 하단에 초기화 함수가 호출됩니다.

내가 구글의 권장 사항을 따른다면, 나는 /이 같은 기능을 만들 수 있어야합니다

function downloadJSAtOnload() { 

    var element = document.createElement("script"); 
    element.src = "myscript1.js"; 
    document.body.appendChild(element); 

    element = document.createElement("script"); 
    element.src = "myscript2.js"; 
    document.body.appendChild(element); 

    myinitialization(); 

} 

내가 내 스크립트를로드 성공적으로 분석되기 전에 myinitialization()가 호출되지 않습니다 것을 100 % 확신 할 수 있습니까? 그렇지 않으면 해결책은 무엇입니까?

Answer 1

펠릭스 (Felix)에 따르면 대답은 '아니오'입니다. myinitialization(); 호출 전에 추가 된 코드가 실행된다는 사실에 의존 할 수 없습니다.

해결책은 한 파일에 코드를 래핑하고 async을 사용하는 것입니다.

Answer 2

일반적으로 문서 끝에 ('태그 앞에) 스크립트 파일을 포함 시키면 충분합니다.

 ... 
     <script src="myscript1.js"></script> 
     <script src="myscript2.js"></script> 
     <script> 
      myinitialization(); 
     </script> 
    </body> 
</html> 

즉, 스크립트가 다운로드되기 전에 문서가로드되지만 실행 순서가 보장된다는 의미입니다.