タグ付けされた質問 「bundling」

バンドルとミニファイはすべて最適化とページの読み込みを高速化することを目的としているため、スクリプトごとに1つのバンドルとスタイルごとに1つのバンドルを作成し、ビューごとに1つのバンドルを作成すると、ブラウザに必要なすべてのスクリプトとスタイルを読み込むことができます。最大で2つのリクエストを作成します。それでは、私が持っているとしましょう_Layout.cshtml、私は3つのJSファイルを必要な場所bootstrap.js、jquery.jsおよびいくつかのcustom1.js私は1つのバンドル、このようなものを作成することができます。 bundles.Add(new ScriptBundle("~/bundles/layout").Include( "~/Scripts/bootstrap.js", "~/Scripts/jquery.js", "~/Scripts/custom1.js")); その後の私は別のビューとしましょうUser.cshtml、私は必要bootstrap.js、jquery.jsとcustom2.js、再び私は1つのバンドルを作成します。 bundles.Add(new ScriptBundle("~/bundles/user").Include( "~/Scripts/bootstrap.js", "~/Scripts/jquery.js", "~/Scripts/custom2.js")); 同じアプローチをスタイルバンドルに使用できます。しかし、私が見るところによると、このように行うことは一般的な習慣ではありません。通常、バンドルはタイプベースで作成されます。たとえば、1つはブートストラップ用、1つはjquery用、1つはカスタムjs / cssファイル用などです。バンドルが多いほどサーバーへのリクエストが多くなるため、ページの読み込み時間。また、最初に説明した方法で問題を解決することは何ですか？

8 asp.net-mvc  bundling  minify 

私が取り組んでいるWebアプリケーションには、3種類のスクリプトがあります（スタイルシートにも同じことが当てはまります）。 すべての単一ページで必要なもの（jqueryなど） すべてではなくいくつかのページで必要なもの（たとえば、ユーザーがアップロードした画像を表示するページで使用されるライトボックスライブラリ） 単一のページで必要なもの（たとえば、そのページの機能に固有の何か） 各ページには、必要なすべてのスクリプトをまとめた独自のバンドルが必要ですか？または、各タイプのスクリプトを独自のバンドルにする必要があります（つまり、ページが3つのバンドルをロードする可能性があります-EssentialScripts.js、mediaLibraries.js、およびpageSpecificScripts.js）？または私が知らないより良いアプローチはありますか？ これらのスクリプトをバンドルするためのベストプラクティスは何ですか？また、さまざまなアプローチにはどのような利点/欠点がありますか？ （これがどの程度関連性があるかはわかりませんが、私が取り組んでいるプロジェクトはASP.NET MVCバンドルを使用しています。また、より簡単にするために、サードパーティのCDNからのファイルはないと仮定しましょう。それらはすべて同じ場所から読み込まれ、クライアントは他のサイトにアクセスする必要はありません。）

8 web-development  web-applications  bundling