适当的尺寸为Javascript

我正在努力缩小和uglify我的JavaScript文件。我想知道适当的尺寸有多大。如果我将所有js文件合并到一个文件中（通过缩小和uglifying），它会大于1mb。我想，最好把它们分成2-3个文件（每个200kb-300kb），而不是一个大文件（1mb）。适当的尺寸为Javascript

任何人都可以提出建议吗？像100KB〜300KB或1MB〜2MB

============附加注释============

我使用Django（后端） & angularJS（前端）。据我所知，angularJS的所有js文件应该在发送索引（根html文件）html文件时发送给用户。这就是为什么连接js文件（包括外部js文件，如jquery，bootstrap，angular，媒体播放器等）超过1mb的原因。

来源

2015-09-21 kyle

对于HTTP/1.1，规则是资源少通常更好。对于HTTP/2，更多的资源不一定会导致更多的请求，因此较小的文件可以导致更好的缓存。 –

越少越好，但我会提到我的游戏的代码库的整个JS部分在*缩小之前是450kb *。如果你在*缩小之后获得1Mb *，那么就会有一些错误。 –

什么是用例？网站？游戏？ :) – Spaceman

没有人适当的大小。字节越少越好，但这取决于您的代码库，以便确定您实际可以获得的小小。文件越大，检索文件的网络延迟越大（因此，这会对用户造成更大的负面影响）。所以如果你不得不提出一个通用的“规则”，那么越小越好。

来源

2015-09-21 23:58:08

感谢您的回复 – kyle

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

模块分割你的应用程序，并根据需要加载模块，这样就可以快速启动应用程序和用户将需要其他的模块，因为它使用该应用程序。
显示一些视觉反馈，当你加载所需的文件，最常见的例子是一个纺车，但它可能是一个乒乓球游戏。关键是要招待用户，因为没有人想等待
使用服务器和客户端缓存，不要忘记添加利用客户端缓存的缓存标头
拆分供应商的构建源代码，供应商往往会改变减少，所以你可以更多地利用缓存

来源

2015-09-22 00:07:01

首先，感谢您的回复。 1）在模块中分割你的应用程序，并根据需要加载模块：是的，我真的这样做了，但正如我上面提到的，因为我使用AngularJS，所有的js文件应该首先发送给用户。 2）在加载所需文件时显示一些视觉反馈。是的，它已被添加。 3）使用服务器和客户端缓存。我没有想过。我会仔细研究它4）从供应商拆分你的构建源代码。我会考虑它谢谢！ – kyle

适当的尺寸为Javascript

回答

相关问题