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つのファイルにバンドルします。

縮小化

ミニファイは、変数名を短くし、不要な空白、改行、コメントなどを削除することでjavascript、cssコードを最適化する、もう1つのパフォーマンス向上手法です。これにより、ファイルサイズが小さくなり、アプリケーションの読み込みが速くなります。

VisualStudioとWebEssentialsExtensionによる縮小

このオプションを使用するには、最初にWebEssentials拡張機能をVisualStudioにインストールする必要があります。その後、cssまたはjavascriptファイルを右クリックすると、そのファイルの縮小バージョンを作成するオプションが表示されます。

したがって、Site.cssという名前のcssファイルがある場合、その縮小バージョンはSite.min.cssとして作成されます。

これで、次にアプリケーションをブラウザーで実行するときに、すべてのcssファイルとjsファイルがバンドルされて縮小されるため、アプリケーションのパフォーマンスが向上します。