适合Javascript的大小

适合Javascript的大小,javascript,minify,uglifyjs,Javascript,Minify,Uglifyjs,我正在处理缩小和丑化我的javascript文件。 我想知道合适的尺寸有多大。 如果我把所有的js文件合并成一个文件(缩小和丑化),它会超过1mb。 我想,最好将它们分割成2-3个文件(每个200kb-300kb),而不是一个大文件(1mb) 有人能提个建议吗? 比如100kb~300kb或1mb~2mb ================其他评论============ 我正在使用Django(后端)和angularJS(前端)。 据我所知,当索引(根html文件)html文件发送时,angul

我正在处理缩小和丑化我的javascript文件。 我想知道合适的尺寸有多大。 如果我把所有的js文件合并成一个文件(缩小和丑化),它会超过1mb。 我想,最好将它们分割成2-3个文件(每个200kb-300kb),而不是一个大文件(1mb)

有人能提个建议吗? 比如100kb~300kb或1mb~2mb

================其他评论============

我正在使用Django(后端)和angularJS(前端)。 据我所知,当索引(根html文件)html文件发送时,angularJS的所有js文件都应该发送给用户。
这就是为什么连接的js文件(包括外部js文件,如jquery、bootstrap、angular、media player等)超过1mb。

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

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

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

对于HTTP/1.1,规则是资源越少越好。对于HTTP/2,更多的资源不一定会导致更多的请求,因此更小的文件可以产生更好的缓存。越少越好,但我要提到的是,在缩小之前,我的游戏代码库的整个JS部分是450kb。如果你在缩小后得到1Mb,那么这是非常错误的。用例是什么?网站?游戏?:)谁说这是一场比赛=P@NiettheDarkAbsol当前位置问题在于过度依赖图书馆。不幸的是,对于专业编写的代码来说,这有时是不可避免的,因为你的老板不会接受你花一整年的时间从头开始编写一个超级优化的特性。所以你使用jQuery等。我目前维护的webapp有4MB的js代码。它使用jQuery、prototype、ckeditor、一个自制的JSDOM库React.js,我相信其中也有下划线。首先,我自己的网络应用程序大约有600K,谢谢你的回复。1) 将你的应用程序分成模块,并根据需要加载模块:是的,我确实加载了,但正如我前面提到的,所有js文件都应该首先发送给用户,因为我使用AngularJS。2) 加载所需文件时显示一些视觉反馈。是的,已经添加了。3) 使用服务器和客户端缓存。我没想过。我会检查一下,从供应商那里分离构建源代码。我会考虑的谢谢!