同时添加缩小的js，css和非缩小的js，css是否有益？

Question

我不知道该怎么解决我的困惑。 目前，我正在开发一个已经开发的MVC5项目。 在布局页面中，我看到其中添加了bootstrap bundle，当我检查bootstrap bundle代码时，它同时具有缩小和非缩小的js参考，如下所示：

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

我不知道是否需要同时添加两者？ 会造成什么问题吗？ 如果同时添加了缩小文件和非缩小文件，在CSS情况下会怎样？

Answer 1

您不应该同时使用两个文件

在处理代码(Debug mode) use the non minified version ，甚至debug version如果有），因为这将有助于轻松发现错误。

而且，在deploying the application使用file will be lighter minified version因为file will be lighter且加载速度更快。

Answer 2

不，不需要同时添加两个文件。 如果同时添加两者，则将考虑最后一个文件。 我建议您为生产和开发创建两个不同的包，并在要上传到生产中时切换标志。

Answer 3

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

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

尽管Bootstrap提供了自定义js的创建功能，所以如果您看到项目更改需要微型js（以提高执行速度和其他一些好处），请直接访问其网站并修改js。

注意：还要指出，您最好在实时环境中使用最小版本（.min），因为Google现在正在检查页面加载时间。 将您的所有JS文件缩小，这意味着它们将更快地加载，并为您获得更多的布朗尼积分。

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