如何找出為什么Javascript下載如此緩慢？

Question

我有一個ASP.NET MVC項目，它的運行速度與糖蜜一樣慢。 我在一個特定的呼叫中打開了Fiddler，並發現了至少可以說有很多改進空間的幾個呼叫：

我理解的藍線是對我的控制器的調用，並且我知道去哪里可以優化這些東西。 但是我看到了一堆綠線（我認為這是指javascript），並且這些綠線也花費了很長時間。 我必須假設jQuery和Kendo腳本通常不需要4到6秒鍾的時間就可以翻轉，因此我們的項目代碼中一定有某些東西會導致速度變慢。 但是，如何跟蹤需要優化的代碼？

編輯： @DaggNabbit在下面的注釋中指出，緩慢是因為這些Javascript是使用cachebuster參數調用的，因此每次調用都將重新下載它們！ 但是我在代碼中的任何地方都看不到要顯式添加緩存無效化器的地方。 例如：

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

我確實不是UI專家，但是我看不到cachebuster的來源。 還有其他想法嗎？

Answer 1

為了提高性能，您可以使用javascript閉包和css閉包來負責將所有.js文件綁定到一個文件中，並將所有css文件綁定到另一個文件中，這樣會增加加載時間。

Answer 2

@DaggNabbit正確識別的問題是正在使用cachebuster參數調用javascript。 我已經邀請他發布他的答案作為正確答案。 當他這樣做時，我會給他答案。

同時，如果您對為何插入cachebuster感興趣，請參見此處 。

Answer 3

我建議將所有的javascript捆綁到一個Compressed.js文件中，並將所有的CSS文件捆綁到一個Compressed.css文件中。 這將減少加載時間。

當前，這需要4到6秒鍾，因為js / css文件等待另一個文件完全加載，然后向服務器發出自己的請求以進行處理。 當在頁面加載中調用控制器時，您還需要在查詢中優化代碼。

您將獲得免費的dll進行壓縮並將所有js / css文件捆綁為一個壓縮文件。

希望你明白我的意思。