減少外部JavaScript調用（HTTP請求）數量的最佳方法是什麼？

Question

目前，我在下面的外部JavaScript在我的頭：

<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="scripts/jquery.validate.js"></script> 
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.1.pack.js"></script> 
<script type="text/javascript" src="scripts/jquery.scrollTo-min.js"></script> 
<script type="text/javascript" src="scripts/jquery.localscroll-min.js"></script> 
<script type="text/javascript" src="scripts/custom.js"></script> 
<?php if($lang_file=='lang.en.php') {echo '<script type="text/javascript" src="scripts/jquery-validate/val-en.js"></script>';} ?> 

谷歌的頁面高速推薦我來減少外部JS調用的次數。但我不確定什麼是做這件事的最好方法。

有什麼建議嗎？

Answer 1

當您開始生產時，將所有腳本合併到一個腳本中，每個腳本包含您希望它們加載的順序。然後在您的頁面中僅包含此組合腳本。或者，如果頁面加載速度夠快，請不要擔心 - 直到腳本的數量和大小開始引起問題。

Answer 2

你將不得不將它們全部合併成一個文件......但我會保持原樣。

除了第一次加載時，這不是一個大問題，因爲大多數瀏覽器都會緩存這些文件，並且Web服務器會告訴瀏覽器是否有更新。

Answer 3

我不喜歡將多個JavaScript文件合併到一個文件中。它浪費了時間和精力去分離每個腳本的目的以及增加維護腳本的難度。

更好的方法是放置一個腳本組合處理程序。這使您可以將腳本與您的解決方案完全分離，並利用自動組合器向客戶端交付單一優勢。

Here's an example of a javascript script reference combiner for PHP.

Answer 4

就個人而言，我會離開其作爲單獨文件，除非你的網站沒有獲得一個非常，非常大量的流量，它使得調試簡單，並保持良好的輸出組織。

另一件事：我建議從Google AJAX Libraries加載jQuery本身。它會將一個HTTP請求卸載給Google（允許其他腳本開始快速下載），並且還有許多訪問者已將其緩存到其計算機上的額外好處，因爲AJAX庫在各大網站中被廣泛使用。