Nat*_*ing 6 javascript css xhtml
我已经对此做了一些搜索,但找不到任何形式的最佳实践或推荐 - 也许那是因为没有.我在我的网站上使用各种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>
不好!
我建议在部署到live之前使用脚本将这些文件合并为一个js和一个css.造成这种情况的原因有很多,请参阅以下链接获取更多信息:
http://developer.yahoo.com/performance/rules.html
编辑:要进一步回答否,文件数量没有限制,但大多数浏览器一次只能有2个连接(对于一个站点)到Web服务器,因此会一次加载你的js 2文件.firefox 的YSlow插件将向您显示文件的下载方式.
如果您正在使用ASP.NET ,那么这个代码项目文章可能有所帮助,如果您使用的是Linux,那么这可能有所帮助.
编辑: Windows上的一个简单的批处理文件(插入您的构建工具)将是
@echo off
copy file1.js + file2.js + file3.js merged.js /b
| 归档时间： |
|
| 查看次数： |
3248 次 |
| 最近记录： |