javascript - javascriptファイルをdomに挿入する（アプローチ比較）

Question

私は、ウィジェットをレンダリングするjavascriptファイルを必要とするWebサイトウィジェットに取り組んでおり、2つの異なるアプローチの違いは何だろうと思っています:

1. 通常JSファイルを含む：（typekitはこれを使用します）

   <script type="text/javascript" src="//use.typekit.net/mty1vkg.js"></script>
   

2. JS ファイルを DOM に動的に挿入する (Google アナリティクスの例)

   (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'http://' : 'http://') + '.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
   

これらのアプローチの違いと利点は何ですか? どのアプローチを使用する必要がありますか?