6

私はMVC4リリース候補と含まれているデフォルトのインターネットテンプレートを見ていました。_Layout.cshtmlに、ページの下部にjQueryバンドルが含まれていることに気付きました。

        @Scripts.Render("~/bundles/jquery")
        @RenderSection("scripts", required: false)
    </body>
</html>

このスクリプトが、modernizrスクリプトのヘッドセクションではなく、ページの下部に含まれている理由はありますか？どちらの方法でもそれを行うことには何か利点がありますか？私はいつも、頭のセクションにスクリプトを含めるべきだという印象を受けました。

4

3 に答える 3

7

これは通常、パフォーマンスのために行われます。Yahoo パフォーマンス ガイドラインを参照してください。

http://developer.yahoo.com/performance/rules.html/

彼らは、スクリプトが一番下にある理由を説明しています。

于 2012-07-11T16:30:58.530 に答える
1

jquery ui テーマが使用されている一部のサイトでは、jquery と jquery-ui を先頭に配置することをお勧めします。そうすれば、スタイル設定されていないコンテンツのフラッシュを最小限に抑えることができます。

もう 1 つの手法は、jquery をテーマにした要素を最初に非表示にすることですが、それでは読み込み時間が遅くなるという印象を与える可能性があります。

于 2012-07-11T16:36:10.183 に答える
0

このケースについて具体的にお答えすることはできませんが、一般的には、ブラウザはほぼドキュメント順にページをレンダリングしようとしているということです。スクリプトを最後に含めるということは、レンダラーがその作業を実行してページの静的部分をレンダリングできることを意味し、その後スクリプトがロードされます。ユーザーエクスペリエンスに実際にどの程度影響するかについて具体的な数値を示すことはできませんでしたが、スクリプトの読み込みが完了する前にページが表示されるようにするという考えです.

于 2012-07-11T16:25:17.430 に答える