Javascript 的适当大小

Question

我正在致力于缩小和丑化我的 javascript 文件。 我想知道合适的尺寸是多大。 如果我将所有js文件合并成一个文件（经过缩小和丑化），它会大于1mb。 我想，最好将它们分成 2-3 个文件（每个文件 200kb-300kb），而不是一个大文件（1mb）。

有人可以给个建议吗？ 比如 100kb ~ 300kb 或 1mb ~ 2mb

============补充评论============

我正在使用 Django（后端）和 angularJS（前端）。 据我所知，当发送索引（根html文件）html文件时，应该将AngularJS的所有js文件发送给用户。 这就是为什么串联的 js 文件（包括外部 js 文件，如 jquery、bootstrap、Angular、媒体播放器等）超过 1mb。

Answer 1

没有一种合适的尺寸。字节越少越好，但这取决于您的代码库顺序，以确定您实际上可以得到多小的字节。文件越大，检索文件的网络延迟就越大（因此，这将对用户产生更大的负面影响）。所以，如果你必须想出一个通用的“规则”，越小越好。

Answer 2

您的问题没有正确答案。一些建议，因为您有一个大型应用程序需要加载：

• 将您的应用程序拆分为模块并根据需要加载模块，这样您可以快速启动应用程序，并且用户在使用该应用程序时将需要其他模块。
• 在加载所需文件时显示一些视觉反馈，最常见的示例是旋转轮，但也可能是乒乓球游戏。关键是要让用户开心，因为没有人愿意等待
• 使用服务器和客户端缓存，不要忘记添加利用客户端缓存的缓存标头
• 将构建源代码与供应商分开，供应商往往更改较少，因此您可以更多地利用缓存

Answer 3

使用 Webpack 等工具时，建议的最大文件大小是 244KiB，但正如其他人提到的，这取决于项目，并且没有确切的答案。