在 HTML/PHP 模板或单独的 js 文件中调用 jQuery 脚本的最佳方式是什么？答案

【问题标题】：What's the best way to call jQuery scripts, in HTML/PHP template, or seperate js file?在 HTML/PHP 模板或单独的 js 文件中调用 jQuery 脚本的最佳方式是什么？
【发布时间】：2010-04-24 19:24:32
【问题描述】：

StackOverflow 告诉我这是一个主观问题，但我认为这是事实！

我在网站的不同部分使用了许多脚本。就减少 http 请求而言，我知道最好将所有这些脚本合并到一个 .js 文件中。但是，如果页面只使用一个函数，而调用一个包含 10 或 15 个不同函数的 .js，这不是浪费时间吗？

我使用的另一种方法是使用 PHP 条件语句...

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

最好的方法或这些方法的组合是什么？

【问题讨论】：

标签： php jquery html

【解决方案1】：

由于脚本文件被浏览器缓存，只需要加载一次，实际上将所有JS代码合并到一个文件中通常是最聪明的事情。

如果您有巨大的库，只有某些用户（例如登录的用户）才能使用超过 100 KB 的库，情况可能会有所不同。在这种情况下，进行区分是有意义的。否则，我会说使用一个大文件。

【讨论】：

【解决方案2】：

我会说，如果您希望用户在浏览您的网站时需要这些资源中的绝大部分，那么一次性获得所有资源并不是什么大问题。

您需要确保您的主页加载速度足够快，也许可以考虑为主页提供一个精简的脚本文件，并为其他页面提供一个完全臃肿的版本。或者将每个页面真正需要的功能分离到主页上包含的文件中，将其他功能分离到 -extra 文件中。然后在需要它们的页面上包含这两个文件。浏览器已经从主页缓存了基本文件。

【讨论】：