Javascript 加载JS文件-直接加载到文档vs DocumentFragment

我想知道这两种不同的AJAX外部文件加载方法有什么好处或区别

示例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'));

---

根据Josh Resig的说法，使用文档片段可以将应用程序的速度提高2-3倍，他设置了一个演示程序，您可以看到以毫秒为单位完成任务所用的时间

---

根据Josh Resig的说法，使用文档片段可以将应用程序的速度提高2-3倍，他设置了一个演示，您可以在其中看到以毫秒为单位完成任务所用的时间。谢谢你，如果你回答我，我会接受的。