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) {
    
    // 以下是捆绑项目中所有 css 文件的示例代码
    
    // 捆绑其他 javascript 文件的代码也与此类似
    
    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 文件，从而提高应用程序性能。