多个javascript / css文件：最佳做法？

Question

我现在大约有7个Javascript文件（由于使用了各种jQuery插件）和4-5个CSS文件。我对处理这些问题的最佳做法感到好奇，包括应该在文档中的何处加载它们？YSlow告诉我，如果可能的话，应在末尾包含Javascript文件。身体的尽头？它提到的问题似乎在于他们是否编写内容。我所有的Javascript文件都是函数和jQuery代码（在ready（）时全部完成），因此应该可以。

那么，我应该包括一个CSS和一个Javascript文件，并让其包含其余的文件吗？我应该将所有文件合并为一个吗？我应该在文档的最后放置Javascript标签吗？

编辑： FWIW是的，这是PHP。

Answer 1

我建议使用PHP Minify，它使您可以为一组JS或CSS文件创建单个HTTP请求。Minify还处理GZipping，压缩和HTTP标头以进行客户端缓存。

编辑：Minify也将允许您设置请求，以便对于不同的页面可以包含不同的文件。例如，一组JS文件的核心集以及某些页面上的自定义JS代码，或者仅在其他页面上的核心JS文件。

在开发过程中，像往常一样包含所有文件，然后当您接近转换到生产环境时，请运行minim并将所有CSS和JS文件合并到一个HTTP请求中。设置和使用起来非常容易。

另外，是的，应该在顶部设置CSS文件，在底部提供JS文件，因为JS文件可以写入您的页面，并且可能导致大量超时问题。

这是您应该包括JS文件的方法：

</div> <!-- Closing Footer Div -->
<script type="application/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js"></script>
</body>
</html>

编辑：您也可以使用[Cuzillion”库兹利恩”)来查看应该如何设置页面。