最佳实践：一个页面上有多个 CoffeeScript 文件答案

【问题标题】：Best practice: multiple CoffeeScript files on a page最佳实践：一个页面上有多个 CoffeeScript 文件
【发布时间】：2013-07-18 21:32:46
【问题描述】：

我正在我的 rails 应用上开发一个显示分析数据的页面。它必须多次调用 Flurry Analytics API 来检索不同的事件。我在带有标题和段落的 div 中显示每条数据（其中包含从分析中检索并通过 jQuery 插入的数字）。

为每个这些 div（目前为 8 个）拥有一个单独的 CoffeeScript 文件，它调用 API 计算值并显示它，对我来说这是一种好习惯，还是效率低下？

附加信息：我正在调用的 API 的速率限制为每秒一个请求。

【问题讨论】：

【解决方案1】：

通常最好将您的 JavaScript 代码（或咖啡脚本）保存在单独的文件中以便于开发，但在生产服务器上部署时将它们编译到一个文件中。

然后，浏览器必须发出一个请求来获取所有 JavaScript，而不是发出多个请求（请注意，现代浏览器允许每个主机名 2-4 个并发请求）。

这应该会降低您的页面加载时间。

【讨论】：

【解决方案2】：

在性能方面，我只能想象是否存在任何差异，这是难以察觉的，但是为每个 div 设置不同的文件听起来像是维护的噩梦。为了便于编辑，我会将它们全部保存在一个文件中。

【讨论】：

有趣的是，它对我来说实际上听起来更容易维护。每个 div 进行不同的 API 调用并对结果执行一些简单的计算，因此将文件分开似乎更易于管理。我只是担心性能。感谢您的回复。