fv17の日記

Webエンジニアの備忘用ブログです。主にWeb界隈の技術に関して書いています。

JavaScriptのファイルを読み込む位置はどこにすべきか?

回答

bodyタグの終端、すなわち </body> の直前。

理由

  • 表示速度を速くするため

javascriptファイルを読み込んでいる間は、HTMLファイルを読み込まない。そのため、ページのレンダリングを行わせてからjavascriptファイルを読み込むことで表示速度を早くする。その結果、SEO対策になるなどのメリットもある。

  • 可読性を上げるため

CSSファイルをheadタグに、JSファイルをbodyタグの終端にまとめることで可読性を上げる。

参考

teratail.com