ウェブページの下部/上部にJavaScriptがありますか？

Mozilla Firefox用のプラグイン "Yslow"を使用していましたが、私はJavaScriptを一番下に置くべきだと教えてくれました。私は以前これを聞いたことがありますが、それについてはあまり考えすぎていません。 Webページの一番下にJavaScriptを置くのは本当に利点がありますか？ウェブページの下部/上部にJavaScriptがありますか？

出典

2009-10-28 user

あなたはこのサイトのソースに行くことができます... http：//developer.yahoo.com/performance/rules.htmlは、このプラクティスのYahooの説明です。 –

Javascriptが別のファイルにある場合はどうなりますか？私はこの方法が好きです。単純にデバッグ/読み込みが簡単だからです。このローディングはより速く/遅くなりますか？ –

これらのyahooパフォーマンスルールはまだ最新ですか？私は、過去4年間に起こった変更を考慮して同様の完全なルールを公開している（あるいはyahooがおそらくアップデートを公開している）ということを想像しておく必要があります。 – kralco626

JavaScriptを実行する前にウェブページを読み込み可能にします。これは、Googleアナリティクスなどのページが読み込まれる前に発生する必要がないことに意味があります。

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

出典

2009-10-28 17:12:31 wojo

タグ内にあるJavaScriptは、タグの後のどこにあってもかまいませんか？ – user

はい、

はい、ページはコンテンツを読み込んで、JavaScriptを読み込んで実行する前にレンダリングします。その結果、ページが読み込み速度が向上します。

出典

2009-10-28 17:10:40 CodeJoust

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

出典

2009-10-28 17:11:26

静的なHTMLコンテンツと多数のjavascriptがある場合、htmlが最初に読み込まれて何かを見るようになるので、認識されるページの読み込み時間に違いがあります。多くのjavascriptがない場合、または既存のページのコンテンツがjavascriptを使用して有用である場合、これは実質的に言えば有用ではありません。

出典

2009-10-28 17:13:25

私はこのトピックを更新したいと思っています。Googleは最近、async snipped http://support.google.com/analytics/bin/answer.py?hl=en&answer=1008080&rd=1を導入しました。 googleの統計情報のサポート。最適なパフォーマンスを得るには、<head>セクションの下部に配置する必要があります。ポイントは、ユーザーがページを離れる前にビーコンを送信する可能性が高いことを意味します。

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

それ以外の場合、基本的に同じルールが適用されます。ページの「高速」読み込みの場合は、下部にJavaScriptが表示されます。

出典

2012-08-21 18:43:36

すべてのDOM要素が完全に読み込まれてから、その要素に対処するJavascriptを読み込むことができます。この標準はVisual Studioの一部です。

出典

2017-04-18 18:00:56

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

出典

2017-06-08 12:14:55