减少外部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

当您进入制作时,将所有脚本组合成一个脚本,该脚本按照您希望它们加载的顺序包含每个脚本.然后在您的页面中仅包含此组合脚本.或者,如果页面加载看起来足够快,请不要担心 - 直到脚本的数量和大小开始导致您出现问题.