javascript - 非同期読み込みと本文の最後にスクリプトを配置することの違い/利点

Question

次のスクリプト タグを < body > 要素の直後に配置する場合と < /body > 要素の前に配置する場合の利点を教えてください。

<script>
(function (){
var script = document.createElement("script");
script.async = true;
script.type = "text/javascript";
script.src = "foo.js";
document.getElementsByTagName("head")[0].appendChild(script);}
());
</script>