JavaScriptの記述場所は＜/body＞の直前

インラインで記述する場合

その理由としてすべてのブラウザではJavaScriptを読み込んで処理している間は他のレンダリング(HTML要素の読み込み)を中断するという処理になっているからです。HTML5から非同期で読み込みできるasync属性などが追加されましたが、そういった特別な事をしていない限りほぼ全てのブラウザで同じようにレンダリングが行われます。

https://wp-p.info/tpl_rep.php?cat=js-biginner&fl=r2