javascript - What is best strategy to reduce number of javascript files in a framework?

Question

I am transferring a PHP framework to JavaScript. In PHP, I have one file per class and so when transferring it over, I am also creating one file per JavaScript class.

However, unlike with PHP, with so many JavaScript files, this will reduce the loading time of my page (I plan to have 30+ classes).

I like to have one class per page simply because when developing it is easier to navigate around my framework.

What is the best approach to keep this ease of development yet not have so many javascript files that the HTML page has to load?

Answer 1

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

例如

• 缩小

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

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

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