これらの非同期読み込みメソッドのどれが最適ですか？ドキュメント書き込み？

Question

これら2つの非同期jsロードメソッドの違いは何ですか？

<div class="g-plusone"></div> 
<script type="text/javascript"> 
(function(d, t) { 
var g = d.createElement(t), 
s = d.getElementsByTagName(t)[0]; 
g.async = true; 
g.src = 'https://apis.google.com/js/plusone.js'; 
s.parentNode.insertBefore(g, s); 
})(document, 'script'); 
</script> 

<script type="text/javascript"> 
//<![CDATA[ 
(function() { 
    document.write('<fb:like href="http://www.sandrophoto.com/' + location.pathname + '" send="true" width="360" show_faces="false" font=""></fb:like>'); 
    var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; 
    s.type = 'text/javascript'; 
    s.async = true; 
    s.src = 'http://connect.facebook.net/en_US/all.js#xfbml=1'; 
    s1.parentNode.insertBefore(s, s1); 
})(); 
//]]> 
</script> 

Answer 1

これらの2つの外観は、概念的にはローディングが似ています。両方とも新しいスクリプトタグを作成し、それをDOMに追加することで、提示された順序でロードする必要がある他のスクリプトタグに依存せずに非同期にロードすることができます。これらの実装には若干の違いがありますが、読み込みの観点からは概念的に同じです。

FBコードのdocument.write（）は、他の読み込みイベントとのシリアル化を引き起こし、状況によっては若干遅くなる可能性があります。

Answer 2

最も明白な違いは、document.writeをアプローチは、他の方法は、指定されたコンテナのdivにコンテンツを配置し、前記それは、置かれています正確にドキュメントにコードを書き込みますということです。

他にもいくつかの違いがあります。スクリプトを非同期で読み込む方法もあります。

スティーブ・サウダーズは、このトピックに関する優れた記事であるhttp://www.stevesouders.com/blog/2009/04/27/loading-scripts-without-blocking/を読んでお勧めします。