Question

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

捆绑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" />

我希望对性能有所解释，也可以作为最佳实践。

Answer 1

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

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

Answer 2

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

检查 this ： -

<强>捆绑

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

缩小

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

Answer 3

谨慎使用捆绑。

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

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

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

捆绑与缩小，哪一个是最好的

3 个答案: