减少外部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>';} ?>

Google的Page-Speed建议我减少外部JS调用的数量。但我不太确定做这件事的最佳方法是什么。

有什么建议吗？

Answer 1

当您进入生产环境时，将所有脚本合并到一个脚本中，该脚本按照您希望的加载顺序包含每个脚本。然后在你的页面中只包含这个组合脚本。或者，如果页面加载速度足够快，也不用担心--直到脚本的数量和大小开始给您带来问题。

Answer 2

您必须将它们合并到一个文件中...但我只会让它保持原样。

这并不是什么大问题，除非是第一次加载，因为大多数浏览器都会缓存这些文件，web服务器会告诉浏览器是否有更新。

Answer 3

我不喜欢将多个javascript文件组合成一个文件。它浪费了分离每个脚本的目的所花费的时间和精力，并且增加了维护脚本的难度。

一种更好的方法是将脚本组合处理程序放在适当的位置。这允许您在解决方案中保持脚本的干净分离，并具有使用自动组合器向客户端进行单次交付的优点。

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