Question

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

我在网站的不同部分使用了许多脚本。在减少http请求方面，我知道将所有这些脚本组合成一个.js文件会更好。但是，如果一个页面仅使用一个函数来调用满足10或15个不同函数的.js，这不是浪费时间吗？

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

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

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

Answer 1

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

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

Answer 2

我想说，如果您希望用户在浏览您的网站时需要绝大多数这些资源，那么一次性点击就不是问题。

您需要确保主页加载速度足够快，可能会考虑主页的缩减脚本文件，以及其他页面的完全膨胀版本。或者将每个页面功能上真正需要的内容分离到主页中包含的文件中，将其他功能分离到-extra文件中。然后在需要它们的页面上包含这两个文件。浏览器已经从主页缓存了基本文件。