javascript - 如何找出为什么 Javascript 下载这么慢？

Question

我有一个 ASP.NET MVC 项目，它运行得像糖蜜一样慢。我在一个特定的调用中打开了 Fiddler，发现有几个调用有很大的改进空间，至少可以这样说:

我理解的蓝线是对我的 Controller 的调用，我知道去哪里优化这些东西。但是我看到了一堆绿线(我假设这意味着 javascript)，而且这些也花费了很长时间。我必须假设 jQuery 和 Kendo 脚本通常不会花费 4-6 秒来转一圈，所以我们的项目代码中一定有什么东西导致了缓慢。但是我如何追踪哪些代码需要优化？

编辑:@DaggNabbit 在下面的评论中指出，缓慢是因为这些 Javascripts 是使用缓存无效化参数调用的，因此每次调用都会重新下载它们!但是我在我的代码中看不到我们明确添加缓存无效化程序的任何地方。例如:

<script src="@Url.Content("~/Scripts/kendo.web.min.js")"></script>
...
@Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")

我真的不是 UI 专家，但我看不出 cachebuster 是从哪里来的。还有其他想法吗？

Answer 1

为了提高性能，您可以使用 javascript 闭包和 css 闭包，它们负责将所有 .js 文件绑定(bind)到一个文件中，并将所有 css 文件绑定(bind)到另一个文件中，这样会增加您的加载时间。