添加缩小的 js、css 和非缩小的 js、css 是否有益？答案

【问题标题】：Adding both minified js,css and non minified js,css is beneficial?添加缩小的 js、css 和非缩小的 js、css 是否有益？
【发布时间】：2014-07-15 20:52:39
【问题描述】：

对于我的困惑，我不知道如何提问。目前我正在开发一个已经开发的 MVC5 项目。我在其中看到在布局页面上添加了引导程序包，当我检查引导程序包代码时，它同时具有缩小和非缩小的 js 引用，如下所示：

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                      "~/Scripts/bootstrap.js",
                      "~/Scripts/bootstrap.min.js"
                      ));

不知道是不是需要两个都加？它会产生任何问题吗？如果同时添加了缩小文件和非缩小文件，CSS 会发生什么情况？

【问题讨论】：

包含的代码只是库还是实际调用函数？如果函数被调用，那么它们都会被调用两次，但它只是设置函数和/或变量，那么它不应该引起任何问题，但出于性能原因应该删除一个或另一个
@stumpx，谢谢。我想知道为什么我的一些电话变成了两次。我将删除非缩小。我只是想知道 css 也会发生这种情况？
由于 CSS 除了定义之外什么都不做，我无法想象它会这样做，但我只是为了性能优势。

标签： javascript jquery css asp.net-mvc-5

【解决方案1】：

你不应该同时使用这两个文件

在处理代码(Debug mode) use the non minified version 或debug version（如果可用）时，它有助于轻松找出错误。

当deploying the application 使用minified version 作为file will be lighter 时会快速加载。

【讨论】：

如果出现 css 会发生什么？
与 CSS 相同。两个文件都没有使用。

【解决方案2】：

不，不需要同时添加这两个文件。如果您同时添加两者，它会考虑最后一个文件。我建议你为生产和开发创建两个不同的包，当你想上传到生产时只需切换标志。

【讨论】：

【解决方案3】：

它永远不需要将两个文件都添加到下一行这取决于您的要求。它们在功能上都相同，但 .min 删除了所有不必要的字符，以使文件更小。如果要编辑引导 js，请在项目中保留未缩小的 js，因为无法修改或理解 mini JS。如果您不修改任何 js，请保留迷你版本。 Mini js 比其原始格式（非迷你）提供了很多好处。见：

为您的用户缩短下载时间。
减少网站的带宽消耗。
将许多 javascript 文件合并到服务器上时减少了 HTTP 请求的数量一个压缩文件，从而减少服务器负载并允许更多访问者访问我们的网站。
javascript 执行不需要注释和空格；删除它们将加快脚本执行时间。

尽管 Bootstrap 提供了自定义 js 创建，所以如果您看到项目更改需要 mini js（为了更快的执行和其他一些好处），只需访问他们的网站并修改您的 js。

注意： 还需要指出的是，您最好在实时环境中使用缩小版 (.min)，因为 Google 现在正在检查页面加载时间。将所有 JS 文件压缩意味着它们会加载得更快，并且会给你更多的分数。

您可以获得一个名为 Page Speed 的 Mozilla 插件，它将浏览您的网站并向您显示所有 .JS 文件并提供缩小版本（以及其他内容）。

【讨论】：