26

重複の可能性:
HTML マークアップで <script> タグを配置するのに最適な場所はどこですか?

外部 JavaScript ファイルはどこに置くべきですか? Web ページの読み込みが速く見えるようにするために、body タグの最後に配置する人がいることを私は知っています。しかし、それを最後に置くことに何か欠点はありますか？

JavaScript を Google アナリティクスのコードに配置することは良い方法でしょうか?

<body>
// Everything else over here ... conent etc..
     <script src="myjavascript.js" type="text/javascript"></script>
        <script type="text/javascript">
        // google analytics code
        </script>
</body>
4

3 に答える 3

8

はい、人々は通常、ページの読み込みを高速化するために最後に配置します。Google アナリティクス スクリプトで得られるものは一般的な方法です。

head.jsもチェックしてみてください。これは、本文の最後に単一のスクリプトを配置するよりもさらに高速であることが示されています。

于 2012-07-18T21:29:20.867 に答える
4

現在の推奨事項は、JavaScript を一番下に配置することです。「読み込みが速いように見える」からではなく、そこに配置することで、JavaScript の解析と実行によってブラウザが他のことを実行するのを妨げないためです (ページの残りの読み込みなど)。 ）。

私が考えることができる1つの短所は、外部JSでオブジェクトと関数を定義し、それらをページで使用したい場合、ページの読み込み/準備ができるまで待たなければならないということです。

Google アナリティクス コードについては、例のように一番下に配置することをお勧めします。

于 2012-07-18T21:30:09.933 に答える
4

ページの最後にスクリプトを配置すると、パフォーマンスが向上します。

スクリプトによって引き起こされる問題は、並列ダウンロードがブロックされることです。HTTP/1.1 仕様では、ブラウザがホスト名ごとに並行して 2 つまでのコンポーネントをダウンロードすることが推奨されています。複数のホスト名からイメージを提供する場合、2 つ以上のダウンロードが並行して発生する可能性があります。ただし、スクリプトのダウンロード中は、ホスト名が異なっていても、ブラウザーは他のダウンロードを開始しません。

外部 JS で参照されているオブジェクトにアクセスする前に、それらを完全にロードする必要があることに注意してください。

于 2012-07-18T21:32:02.800 に答える