在HTML / PHP模板或單獨的js文件中調用jQuery腳本的最佳方法是什么？

Question

StackOverflow告訴我這是一個主觀問題，但我認為這是事實！

我在網站的不同部分使用了許多腳本。 就減少http請求而言，我知道最好將所有這些腳本組合到一個.js文件中。 但是，僅使用一個頁面調用一個包含10或15個不同功能的.js並不是浪費時間嗎？

我正在使用的另一種方法是使用PHP條件語句...

<?php if( is_page() ) { > 
     $(document).ready(function(){
          ...
     });
<?php } ?>

什么是最好的方法或這些方法的結合？

Answer 1

鑒於腳本文件是由瀏覽器緩存的，只需要加載一次，實際上將所有JS代碼組合到一個文件中通常是最聰明的事情。

如果您擁有超過100 KB的巨大庫，而這些庫僅由某些用戶（例如，登錄的用戶）使用，則可能會有所不同。 在這種情況下，區分是有意義的。 否則，我會說一個大文件。

Answer 2

我要說的是，假設您希望用戶在瀏覽您的網站時需要這些資源中的絕大部分，那么一次完成全部點擊就不是問題。

不過，您需要確保您的首頁加載得足夠快，可能要考慮為首頁縮減腳本文件，並為其他頁面選擇完全膨脹的版本。 或將每個頁面上真正需要的功能分離到首頁中包含的文件中，將其他功能分離到-extra文件中。 然后在需要它們的頁面上包括兩個文件。 瀏覽器將已經從主頁緩存了基本文件。