我对此进行了一些搜索，但找不到任何类型的最佳实践或建议——也许是因为没有任何最佳实践或建议。我在我的网站上使用了各种 jQuery 插件，除了 TinyMCE 和其他一些插件，以及我网站的特定 JS 文件。最重要的是，我有三个样式表......并且随着网站的发展还会有更多样式表!
在标记中包含脚本时，是否有任何类型的“限制”或您应该注意的事项？我知道每一个都是另一个需要完成的 HTTP 请求，但是如果它们都被缩小并尽可能小，会不会有问题？
<link rel="stylesheet" type="text/css" href="http://mysite.com/assets/css/redmond.css" />
<link rel="stylesheet" type="text/css" href="http://mysite.com/assets/css/style.css" />
<link rel="stylesheet" type="text/css" href="http://mysite.com/assets/css/jqueryFileTree.css" />
<!--[if gte IE 7]>
<link rel="stylesheet" type="text/css" href="http://mysite.com/scripts/style.ie.css" />
<![endif]-->
<script type="text/javascript" src="http://mysite.com/assets/js/jquery.js"></script>
<script type="text/javascript" src="http://mysite.com/assets/js/jquery-ui.js"></script>
<script type="text/javascript" src="http://mysite.com/assets/js/jqueryFileTree.js"></script>
<script type="text/javascript" src="http://mysite.com/assets/js/jqminmax.js"></script>
<script type="text/javascript" src="http://mysite.com/assets/js/jquery.corner.js"></script>
<script type="text/javascript" src="http://mysite.com/assets/js/jquery.jeditable.js"></script>
<script type="text/javascript" src="http://mysite.com/assets/js/jquery.qtip.js"></script>
<script type="text/javascript" src="http://mysite.com/assets/plugins/tinymce/tiny_mce.js"></script>
<script type="text/javascript" src="http://mysite.com/assets/js/latitude.js"></script>
最佳答案
不好!
我建议在部署到现场之前使用脚本将这些文件组合成一个 js 和一个 css。这不好的原因有很多，有关详细信息，请参见下面的链接:
http://developer.yahoo.com/performance/rules.html
编辑:进一步回答不，文件数量没有限制，但大多数浏览器在任何时候只能有 2 个连接(对于站点)到网络服务器，因此将一次加载您的 js 2 个文件。 YSlow plugin for firefox 将向您显示文件下载方式的图表。
如果您使用的是 ASP.NET codeproject如果您使用的是 Linux，那么文章可能会有所帮助 this可能有帮助。
编辑:Windows 上的一个简单批处理文件(用于插入您的构建工具)
@echo off
copy file1.js + file2.js + file3.js merged.js /b
关于javascript - <HEAD> 中包含了多少？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1189009/