ASP.NET MVC 4 捆绑和缩小实例介绍

在ASP.NET MVC 4的世界里，优化网站性能的一种有效方法是捆绑和压缩CSS及JS文件。这种技术的运用能显著减少HTTP请求的数量，从而极大地提升网站的加载速度。

想象一下，你在博客园中看到的页面，在ASP.NET MVC 4之前，每一个CSS文件都需要单独引入，如：

```html

```

当使用F12查看网络请求时，你会看到每个CSS文件都单独发出一个请求。但在ASP.NET MVC 4中，这种引入方式被一种新的方式取代：

```html

```

这个简洁的标记背后，隐藏着网站运行时合并CSS文件并压缩代码的秘密。通过双击css文件，你可以在响应正文中看到原本分散的代码被紧凑地整合在一起。

同样，JS文件的处理方式与CSS类似。例如，之前的引入方式可能是这样的：

```html

```

在ASP.NET MVC 4中，我们可以创建自定义的捆绑，以更智能的方式处理JS和CSS文件。在Global.asax.cs文件的Application_Start()方法中，我们可以添加如下代码来创建一个名为“mycss”的捆绑：

```csharp

var b = new Bundle("~/mycss", new CssMinify());

b.AddDirectory("~/Content", ".css", false);

BundleTable.Bundles.Add(b);

```

然后在需要的页面，只需加入以下代码：

```html

```

ASP.NET MVC 4的捆绑和缩小功能极大地简化了HTTP请求和JS、CSS文件的压缩过程。我们不再需要手动合并JS、CSS文件，也不需要使用工具来压缩这些文件。这种技术使得JS、CSS文件的管理变得简单、易于维护，从而让我们从重复的工作中解脱出来。作者东奎，正是通过分享这些技术细节，让我们对ASP.NET MVC 4有了更深入的了解。在这个技术的渲染下，网站性能的优化不再是难题，"body"在ASP.NET MVC 4的怀抱中得以轻盈地展现。