1

私は Rails アプリを作成していますが、ページの上部に javascript_include_tags をリストするのが一般的な方法のようです。

ドキュメントをロードする前にブラウザーに JavaScript をロードさせ、表示される要素のロードに時間がかかるようにしますか?

ありがとうございました。

4

5 に答える 5

5

私が Web で読んだ限りでは、ベスト プラクティスは body タグの下部にある JavaScript ファイルをロードします。これにより、javascript を実行する前にほとんどすべてを読み込むことができます。これにより、通常、スクリプトを最初に読み込んだ場合に存在しない可能性のあるアイテムにアクセスする際の問題が回避されます。

于 2012-04-09T16:38:32.280 に答える
3

一部の回答は正しかったようですが、すべてをまとめたものはありません。

  • javascript の読み込みが他の要素を読み込まないようにするにはどうすればよいですか? </body>シンプルに、終了タグの直前に置きます。これは通常、HTML ページの終わりの数文字前を意味します。
  • すべての JavaScript を外部の .js ファイルに入れます。なんで？HTML ページが変更された場合でも、ブラウザがこれらのファイルをキャッシュできるようにします。
  • すべての JavaScript ファイルを 1 つに集約して縮小します。なんで？クライアントが行う HTTP リクエストが少ないほど、ページの読み込みが速くなるためです。

また、すべての HTML 要素が JavaScript ファイルの前に読み込まれるため (つまり、終了タグの直前に JS ファイルを配置した場合)、$(document).ready()またはを気にする必要はありません。window.onload</body>

于 2012-04-09T16:51:13.703 に答える
0

動作をマークアップに埋め込むのではなく、次のように、ページのセクション内のスクリプト ブロックに移動して、ドキュメント本文の範囲外にスクリプトを分離するようにしてください。

<script type="text/javascript">
window.onload = function() {
document.getElementById('testButton').onclick = function() {
document.getElementById('xyz').style.color = 'red';
};
};
</script>

パフォーマンス上の理由から、スクリプト ブロックをドキュメント本文の下部に配置することもできますが、最新のブラウザーではパフォーマンスの違いはあまり意味がありません。重要な概念は、構造要素内に行動要素を埋め込まないようにすることです。

于 2012-04-09T16:43:55.810 に答える