4

我想知道以下哪种方式更好。

捆绑css文件，然后使用：

 bundles.Add(new StyleBundle("~/BootStrap/css").Include(
                        "~/BootStrap/css/bootstrap.css",
                        "~/BootStrap/css/bootstrap-responsive.css"));

或者

直接使用 *.min 文件如下：

<link href="~/BootStrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="~/BootStrap/css/bootstrap-responsive.min.css" rel="stylesheet" />

我希望对性能方面的解释以及最佳实践进行解释。

4

3 回答 3

6

捆绑更好，因为它不仅缩小了包含的文件，而且将它们打包在一个资源中，这将转换为对服务器的一个请求，而不是多个请求，每个文件一个请求。

就最佳实践而言，使用捆绑是 MVC 约定的一部分，因此我认为这种方法是最佳实践。

于 2013-09-15T18:22:46.887 回答
1

我认为很难说哪个更好。两者都有自己的优点和缺点。

检查这个： -

捆绑

捆绑是 ASP.NET 4.5 中的一项新功能，可以轻松地将多个文件组合或捆绑到一个文件中。您可以创建 CSS、JavaScript 和其他包。更少的文件意味着更少的 HTTP 请求，这可以提高首页加载性能。

缩小

Minification 对脚本或 css 执行各种不同的代码优化，例如删除不必要的空格和注释以及将变量名称缩短为一个字符。

于 2013-09-15T18:29:33.413 回答
0

谨慎使用捆绑。

虽然它确实减少了 http 请求的数量，但它使浏览器缓存（和代理缓存、CDN 缓存以及您使用的任何缓存）的可用性降低。

说，你有scriptA.js和scriptB.js。有些页面使用A，有些页面使用B，有些页面同时使用A 和 B

使用 bundler 它的三个不同的脚本。不捆绑是两个。

于 2017-05-22T21:24:58.433 回答