JavaScriptはhead内で読み込みたい - QiitaJavaScriptの読み込み位置に関する考察。 他にも幾つか似たような記事はあるが、自分なりにまとめてみます。 基本構造 読み込み位置には下記の2つの位置があります。 bodyタグの最後 headタグ内 最近のスタンダード 最近のスタンダードはbody末尾での読み込みらしいです。 理由は以下の様な感じ。 1. Webページの表示速度を早くするため JavaScriptの最初に読み込むと並列読み込みの妨げになり読み込み速度が遅くなる。 2. DOMの読み込み待ちたい DOMreadyを前提にしている処理がある場合、DOMの読み込みが完了してから実行したい。 僕はスタンダードを盲信していました。 しかし、最近僕の周辺で「JavaScriptはhead内で読み込もう」という声をよく聞くようになりました。 そこで自分でもいろいろ考えてみた結果、「head内で読み込みたい」と思うようになりました。
