76

Mozilla Firefox 用のプラグイン「Yslow」を使用していたところ、JavaScript を一番下に配置するように指示されました。これは前に聞いたことがありますが、あまり考えたことがありませんでした。JavaScript を Web ページの上部に配置するよりも下部に配置する利点は本当にあるのでしょうか?

4

10 に答える 10

57

これにより、JavaScript を実行する前に Web ページを視覚的に読み込むことができます。これは、ページが読み込まれる前に行う必要のない Google Analytics などにとって意味があります。

また、jQuery、プロトタイプなどを調べて、DOM が完全にロードされた後に JavaScript コードを実行する「ready」ハンドラーにアタッチすることもできます。これは、多くの JavaScript コードに適した場所です。

于 2009-10-28T17:12:31.133 に答える
48

CDN で実行していないか、別のサブドメインまたはサーバーから JS を提供していないと仮定すると、同期的に読み込まれ、ファイルがダウンロードされるまで HTML コンテンツが強制的に待機されます。ページの下部の終了</body>タグの前に JS を配置することで、javascript をロードする前に HTML を解析できるようになります。 これにより、ページの読み込み時間が短縮されます。

于 2009-10-28T17:11:26.923 に答える
5

静的な HTML コンテンツと多くの JavaScript がある場合、HTML が最初にロードされてユーザーに何かが表示されるため、認識されるページのロード時間に違いが生じる可能性があります。JavaScript があまりない場合、または既存のページ コンテンツが JavaScript に依存している場合、これは実際にはあまり役に立ちません。

于 2009-10-28T17:13:25.047 に答える
4

このトピックを更新したいと思います。Google は最近、サイトに追加できる非同期カットhttp://support.google.com/analytics/bin/answer.py?hl=en&answer=1008080&rd=1を導入しました。 Google 統計サポート。<head>最高のパフォーマンスを得るには、セクションの一番下に配置する必要があります。ポイントは、これにより、ユーザーがページを離れる前に追跡ビーコンが送信される可能性が高くなるということです。

また、Google アナリティクスを使用して Google ウェブマスター ツールでサイトを確認する場合も、この場所に配置する必要があります。

それ以外は、基本的に同じルールが引き続き適用されます-ページの「高速」読み込みのための下部のjavascript。JavaScriptが終了するまで完全にロードされたページをカウントしないため、引用符を使用しました;-)

于 2012-08-21T18:43:36.153 に答える
4

はい、ページは JavaScript をロードして実行する前にコンテンツをロードしてレンダリングします。その結果、ページのロードが速くなります。

于 2009-10-28T17:10:40.123 に答える
0

要素の下部にスクリプトを配置すると、スクリプトのコンパイルによって表示が遅くなるため、表示速度が向上します。

于 2017-06-08T12:14:55.093 に答える