javascript - cshtml 中有多个 js 引用会减慢页面速度吗？

Question

在我的MVC View (cshtml)中，我创建了一个不同的js文件用于不同的用途，我只是在cshtml中调用它们，我认为这是将js逻辑与 View 分离的好方法，所以在我看来有10个js引用针对不同的目的和用途，我在某处读过，这种引用方式，增加了到服务器的次数，并减慢了页面加载时间，同时，如果我想把 View 中的所有js都写进去，那就变成不可读且困惑，那么我该怎么办？我对所有这些都是新手，感谢您提前的帮助

Answer 1

从 ASP.NET 4.5 开始，您可以捆绑所有 css 和 javascript 文件。

这会将所有 javascript 文件(还有 css)合并到缩小的脚本文件中。

如果你有10个js文件，可以将它们优化为一个js文件。这篇文档解释得更好 link

这是一个基本示例。

在App_Start文件夹中，它们是一个BundleConfig.cs

public static void RegisterBundles(BundleCollection bundles)

{
  bundles.Add(new ScriptBundle("~/HomePage/js").Include("~/Home/index.js", 
               "~/Home/loading.js")
            );
  bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.min.css",
                  "~/Content/site.css"));
}

确保您的 webconfig 已关闭调试功能，然后在生产环境中重新打开它

<system.web>
   <compilation debug="false" />

</system.web>

只需将以下内容添加到您的页面

@Scripts.Render("~/HomePage/js")
@Styles.Render("~/Content/css")