2011-09-17 11 views
13

たびたびHTML <script>タグを<head>要素ではなくHTML文書に配置することについて聞きました。HTMLスクリプトタグの配置?

私が聞いたことがある人もいますし、</body>の前に最後のタグとしてスクリプトを配置することを勧めている人もいます。

これはパフォーマンス上の問題によるものですか?おそらく、そのスクリプトに依存するスクリプトを考慮し、ブロックIO操作をスクリプトをされたアップロードはそうのような他のスクリプトの後に置かれています。

<script src="jQuery.js"></script> 
<script src="myScriptThatUsesjQuery.js"></script> 

それが事実だとしても、なぜHTML文書の終わり近くに自分のスクリプトを置くことでしょう助けて?

ありがとうございます!

+1

可能な複製[

4

まあ、<script></body>前に含めるべきとあなたが言うようにmyScriptThatUsesjQuery.jsで使用されているjQuery.js負荷のすべての機能は、あなたが機能を使用することはできませんのでので<script src="jQuery.js"></script>は、<script src="myScriptThatUsesjQuery.js"></script>の前に含まれなければなら(例えば、$())が宣言されます。

0

headタグに多くのスクリプトファイルを置くと、ブラウザから2つ以上のファイルをパラレルにダウンロードしないようにHTTP仕様が勧告しているため、サイトのパフォーマンスが低下します。あなたのサイトのスクリプトフォルダからロードされている半ダース程度の.jsファイルがある場合、ブラウザがリスト2x2を通過している間、あなたのサイト(images/cssなど)の他のリソースの読み込みはブロックされます。基本的にボトルネックが発生します。

現代のブラウザにはこの問題の回避策があると思いますが、世界がIE6/7をあきらめるまでは、最適化の面で誤りがある方がいいでしょう。

関連する問題