jQuery/JavaScript - 当有很多小的.js文件时性能问题？

Question

我有一个很多引用.js文件的网站;这些都是相当小的文件，但我想保持我的方法由主题/功能分开。

将所有方法保存在一个.js文件中还是没有问题，因为许多（〜20 - 30）小文件都只包含一些行？

Answer 1

通过一切手段让它们分离开发，但您应该考虑将它们捆绑在一起制作成一个文件。

有一个在sitepoint.com

对于每一个文件，一个HTTP 请求被发送到服务器，并 一个很好的讨论，然后在浏览器请求等待下一个文件前一个响应 。 浏览器 的限制（或限制）通常会阻止并行下载。 这意味着对于每个文件，你的 等待请求到达 服务器，服务器处理 请求和回复（包括 文件内容本身）到达你。把 端到端，其中的几个可以使页面加载时间有很大的差异 。

Answer 2

事实上，拥有如此多的引用文件是一个坏主意。性能问题的基本思想是尽量减少HTTP请求（至少在生产服务器上）。看看这http://developer.yahoo.com/performance/rules.html#num_http

Answer 3

有没有人有一个聪明的脚本，可以为你做这个？我写了一个自定义的nant任务，它使用YUI压缩器来缩小我的css和js，但是将组合添加到它将会很有用。你们如何处理这个问题？

Answer 4

我不知道你在服务器端使用了什么框架（如果有的话），但Ruby on Rails有一个脚本包含函数，根据设置（例如测试或生产）它可以创建大量脚本标记测试模式），或者创建一个标记，并将所有脚本连接成一个（可选择使用某些插件压缩）文件。我相信许多其他框架也支持这样的事情。

更新：我只记得： 可以allso手动压缩（通过剥离空格和注释，缩短变量名等），并结合JavaScript文件和CSS文件与Yahoo! UI Library: YUI Compressor。在压缩之前，请确保您的JavaScript正确无误，请尝试JSLint。