减少框架中 javascript 文件数量的最佳策略是什么？答案

【问题标题】：What is best strategy to reduce number of javascript files in a framework?减少框架中 javascript 文件数量的最佳策略是什么？
【发布时间】：2012-06-11 15:41:12
【问题描述】：

我正在将一个 PHP 框架转换为 JavaScript。在 PHP 中，每个类有一个文件，因此在传输它时，我也在为每个 JavaScript 类创建一个文件。

然而，与 PHP 不同的是，有这么多 JavaScript 文件，这将减少我的页面的加载时间（我计划拥有 30 多个类）。

我喜欢每页有一个类，因为在开发时更容易在我的框架中导航。

什么是保持这种易于开发的最佳方法，但又没有太多的 HTML 页面必须加载的 javascript 文件？

【问题讨论】：

你可以有一个 PHP 页面来读取和聚合 js，然后在一个请求中将其全部返回给浏览器。
TinyMCE 如何实现其compressors 就是一个很好的例子。这些在开发结构/灵活性和生产性能方面具有良好的平衡。 :-)

标签： javascript performance architecture frameworks

【解决方案1】：

有一些服务器端工具可让您自动将 JavaScript/CSS 文件合并到一个 HTTP 请求中。

例如

minify

您也可以在将代码投入生产时手动执行此操作。但是我认为这不是您想要对 30 多个文件执行的操作（但是对于只有几个文件的人来说，这是一个相对简单的解决方案）。

你应该确保你所有的 JS 文件都被打包/缩小，以使它们的文件大小尽可能小。还要确保您的服务器正在 gzip 压缩所有内容，以便压缩它发送的数据。

最后，您应该确保浏览器正确缓存这些类型的文件。您可以通过在这些文件的末尾添加版本号并将过期标头更改为遥远的未来来轻松完成此操作。

【讨论】：

我希望这不会剥离许可证标题。