MVC框架 - 打包

打包和壓縮是兩種效能提升技術，可以改善應用程式的請求載入時間。大多數當前的主流瀏覽器將每個主機名的同時連線數限制為六個。這意味著一次所有額外的請求都將被瀏覽器排隊。

啟用打包和壓縮

要在您的MVC應用程式中啟用打包和壓縮，請開啟解決方案內的Web.config檔案。在此檔案中，搜尋system.web下的編譯設定 -

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

預設情況下，您會看到debug引數設定為true，這意味著打包和壓縮被停用。將此引數設定為false。

打包

為了提高應用程式的效能，ASP.NET MVC提供內建功能將多個檔案捆綁到單個檔案中，這反過來又由於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檔案捆綁到單個檔案中。

壓縮

壓縮是另一種效能提升技術，它透過縮短變數名、去除不必要的空格、換行符、註釋等來最佳化javascript、css程式碼。這反過來減少了檔案大小，並有助於應用程式更快地載入。

使用Visual Studio和Web Essentials擴充套件進行壓縮

要使用此選項，您必須首先在Visual Studio中安裝Web Essentials擴充套件。之後，當您右鍵單擊任何css或javascript檔案時，它將顯示建立該檔案的壓縮版本的選項。

因此，如果您有一個名為Site.css的css檔案，它將建立其壓縮版本Site.min.css。

現在，當您的應用程式下次在瀏覽器中執行時，它將打包並壓縮所有css和js檔案，從而提高應用程式效能。