로드 JS 파일 - 직접 문서로 AJAX 외부 파일 로딩이 두 가지 방법에 있었다 어떤 혜택이나 차이가 궁금 DocumentFragment가

Question

대는

예 1 -로드 문서를 직접

(function() { 
    var s = document.createElement('script'); 
    s.type = 'text/javascript'; 
    s.async = true; 
    s.src = '/myjs.js'; 
    var x = document.getElementsByTagName('script')[0]; 
    x.parentNode.insertBefore(s, x); 
})(); 

에 파일을 예제 2 - 파일을 documentFragment에로드 한 다음 문서에 단편을 추가합니다.

(function(d, s) { 
    var j, h = d.getElementsByTagName(s)[0], 
     f = d.createDocumentFragment(), 
     add = function(u, i) { 
      if (d.getElementById(i)) { 
       return; 
      } 
      j = d.createElement(s); 
      j.src = u; 
      i && (j.id = i); 
      f.appendChild(j); 
     }; 

    add('/myjs.js'); 
    h.parentNode.insertBefore(f, h); 
}(document, 'script')); 

다른 점은 무엇입니까?

Answer 1

조쉬 레지그 (Josh Resig)에 따르면 문서 조각을 사용하면 응용 프로그램 속도를 2-3 배 향상시킬 수 있으며 밀리 초 단위로 작업을 완료하는 데 소요되는 시간을 볼 수있는 데모를 설정할 수 있습니다.

http://ejohn.org/apps/fragment