MVC框架 - 捆綁

捆綁和縮小是兩個性能改進提高應(yīng)用程序在請求負載時的技術(shù)。目前大多數(shù)的主流瀏覽器限制每個主機同時連接到六個數(shù)量。這意味著，在一個時間，所有的其他請求將被瀏覽器排隊。

啟用捆綁和縮小

為使捆綁和縮小MVC應(yīng)用程序，打開Web.config文件的配置解決。 在該文件中搜索System.Web編譯設(shè)置：

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

默認情況下，調(diào)試參數(shù)設(shè)置為true，這意味著捆綁和縮小被禁用。請將此參數(shù)設(shè)置為false。

捆綁

為了提高應(yīng)用程序的性能，ASP.NET MVC提供了內(nèi)置的功能來捆綁多個文件合并為一個文件，進而改善較少的HTTP請求的頁面加載并提高性能。

捆綁是文件的一個簡單的邏輯組，可以通過唯一的名稱來參照和加載一個HTTP請求。

默認情況下，MVC應(yīng)用程序的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文件到一個文件中。

縮小

縮小是通過縮短變量名優(yōu)化JavaScript，CSS代碼，另一個性能改進的技術(shù)，去除不必要的空格，換行和注釋等這反過來又降低文件的大小，并有助于應(yīng)用程序加載速度。

縮小使用Visual Studio和Web擴展

對于使用這個選項，Visual Studio先安裝Web要點擴展。在此之后，當(dāng)鼠標(biāo)右鍵點擊任何CSS或JavaScript文件，它會顯示你創(chuàng)建該文件的版本縮小的選擇。

所以，如果有一個名為Site.css的CSS文件，它會創(chuàng)建其精縮版本Site.min.css。

現(xiàn)在，下一次當(dāng)應(yīng)用程序?qū)⒃跒g覽器中運行，它會捆綁并運行如下所有的CSS和JS文件，從而提高應(yīng)用程序的性能。