加載JavaScript時的效率

Question

我始終保持效率和性能作爲第一優先...

所以我有一個問題在腦海中......哪一個會加載得更快。

情況1：

在放置在身體標記的底部上的單個文件中的1000行的代碼。

情況2：

相同的1000行代碼劃分成單獨的文件似的。

文件1 - 200行。

文件2 - 200行。

文件3 - 200行。

文件4-200行。

文件5-200行。

Answer 1

例1會更快。

在每個新文件上，瀏覽器都會向服務器發送請求，因此需要額外的時間（大約200ms）。如果您使用的是單個文件，則效率更高，因爲瀏覽器只會對服務器執行一個請求。

有關加快網站在this article中的更多信息。

Answer 2

情況1更快。

一般而言，您希望生成具有良好可讀性且易於維護的代碼。通常你應該比效率更喜歡這個。

如何獲得最好的兩個？在內部，您應該分發代碼，因此很容易維護。但是當上線時，你會寫一個腳本，將所有文件放在一個文件中。

一個例子是很多javascript框架，如jQuery。有一個易於閱讀和維護版本，也是一個最小的非常壓縮版本。稍後稍快，但用戶不友好。他們在內部使用人性化的版本，然後使用一個腳本來構建最小版本。