一尘不染

多个javascript / css文件:最佳做法?

html

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

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

编辑: FWIW是的,这是PHP。


阅读 227

收藏
2020-05-10

共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”库兹利恩”)来查看应该如何设置页面。

2020-05-10