Question

は、私は、Web分析ツールの多くを知っているdyanmicallyスクリプトタグを作成するために、次のスクリプトを使用します。

<script type="text/javascript"> 
    var s = document.createElement('script'); 
    s.type = 'text/javascript'; 
    s.src = 'http://s/s.js'; 
    document.body.appendChild(s);</script> 

私は次のように静的にスクリプトを埋め込む場合の違いがある場合、私の質問は：

<script type="text/javascript" src="http://s/s.js"></script> 

Answer 1

これは、非同期にロードするか、少なくとも通常のJSがロードされて実行された後にロードされるようにします。このJSが読み込まれるのを待機するレンダリングツリーを作成しないので、ページがより速くなります。

Answer 2

スクリプトタグを静的に埋め込むと、ブラウザがDOMで定義されたスクリプトタグを通過すると、ファイルがダウンロードされます。 jsファイルがダウンロードされ、ページの読み込み時間が遅くなる可能性があるので、htmlドキュメントの処理は停止されます。

しかし、これをDOMを動的に使用すると、javascriptの実行時にのみスクリプトファイルがダウンロードされます。このコードはDOMで発生したときに実行されるため、htmlファイルの途中でこのコードを実行すると、ページのレンダリングはさらにブロックされます。