-
ID:N/vTXg さんの質問

とんちんかんな質問かもしれませんが、回答いただきたいです。
jQueryのプラグインを導入するときやJSを入れるときに、外部ファイル＋HTMLのhead内にスクリプトを記述することがあると思うのですが、head内にスクリプトを記述するのはなぜなのでしょうか？
HTMLをごちゃごちゃさせたくないので外部ファイルを使っているのですが、head内にスクリプトを書く事で余計にごちゃごちゃしているように感じてしまうことがあります。
head内のスクリプトも外部ファイル内に記述した場合、どのような弊害があるのでしょうか？というか、head内のスクリプトを外部ファイルに記述することは可能な（正しい挙動をする）のでしょうか？

みんなの回答 4 件

ID:MKvNRs さんの回答

外に出してもええんやで？
ID:N/vTXg

ええけども……でしょうか？

ID:Psx1A9 さんの回答

別に外部ファイルに書いても動くけど、外部ファイル読み込み終わるまで待つことになって遅いとか、$(function(){処理}}が実行される前に定義しておきたい変数とか処理があるわけよ。
ID:N/vTXg

回答ありがとうございます。
ということは、例えばクリック時の処理なんかの、ユーザーがなんらかの操作をした場合にのみ動くスクリプトであれば、外部ファイルに書いても影響は少ないと思っていいのでしょうか？
ちなみに、head内に長々とスクリプトが書かれていることで、HTML自体の読み込み速度（画像などの）が遅くなるということはないのでしょうか？

ID:23f7yG さんの回答

そんなあなたに。

PageSpeed Insights

https://developers.google.com/speed/pagespeed/insights/?hl=ja
ID:N/vTXg

ありがとうございます。
サンプルページ作って試してみます。

ID:23f7yG

モバイル端末の普及により、それ登場以前よりも、低機能・低速な環境になったわけなので、できる限り高速に動く書き方しましょうって話ですよ。つまり、ページロードクリティカルなものに関しては、インラインスクリプトやインラインCSSが常識になりつつあるってこと。

ID:N/vTXg

なるほど…。
head内にスクリプトを長々と書く事で、個人的な体感ですが、スマホで見たときにロードが遅いと感じることがありました。
これは単純に、head内のスクリプト云々ではなく、ページの構成やその他の要因で遅くなっていたのかもしれませんね。

ID:ixsrtz さんの回答

そのページでしか使わない、外部ファイルを作るまでもないぐらいのちょっとしたスクリプトなら、ページ内に直書きする事もある。最近は <head> 内じゃなくて </body> 近くに書く事もある。
ID:N/vTXg

たまにfooterに書いてある場合もありますね。

最終更新日:2015-03-26 (2,152 views)

関連するトピックス

ページ上部に戻る