MVCフレームワーク-バンドル

Bundling そして Minificationアプリケーションのリクエストの読み込み時間を改善する2つのパフォーマンス改善手法です。現在の主要なブラウザのほとんどは、ホスト名ごとの同時接続の数を6つに制限しています。これは、一度にすべての追加リクエストがブラウザによってキューに入れられることを意味します。

バンドルとミニファイを有効にする

MVCアプリケーションでバンドルとミニファイを有効にするには、ソリューション内のWeb.configファイルを開きます。このファイルで、system.web-でコンパイル設定を検索します。

<system.web>
   <compilation debug = "true" />
</system.web>

デフォルトでは、デバッグパラメータがtrueに設定されています。これは、バンドルとミニファイが無効になっていることを意味します。このパラメーターをfalseに設定します。

バンドル

アプリケーションのパフォーマンスを向上させるために、ASP.NET MVCは、複数のファイルを1つのファイルにバンドルする組み込み機能を提供します。これにより、HTTP要求が少なくなるため、ページの読み込みパフォーマンスが向上します。

バンドルは、一意の名前で参照でき、単一のHTTPリクエストでロードできるファイルの単純な論理グループです。

デフォルトでは、MVCアプリケーションのBundleConfig（App_Startフォルダー内にあります）には次のコードが付属しています-

public static void RegisterBundles(BundleCollection bundles) { 
   
   // Following is the sample code to bundle all the css files in the project         
   
   // The code to bundle other javascript files will also be similar to this 
  
   bundles.Add(new StyleBundle("~/Content/themes/base/css").Include( 
      "~/Content/themes/base/jquery.ui.core.css", 
      "~/Content/themes/base/jquery.ui.tabs.css", 
      "~/Content/themes/base/jquery.ui.datepicker.css",  
      "~/Content/themes/base/jquery.ui.progressbar.css", 
      "~/Content/themes/base/jquery.ui.theme.css")); 
}

上記のコードは基本的に、Content / themes / baseフォルダーにあるすべてのCSSファイルを1つのファイルにバンドルします。