网页上 javascript 资源的推荐大小

Recommended size of javascript assets on a web page

我正在尝试确定优化有关 Javascript 资产的 网页加载时间 的最佳策略。我可以想到多种策略:

  1. 将所有文件合并为一个单个缩小文件
  2. 将所有文件组合成多个文件以利用并行 HTTP 请求。
  3. 利用 AMD 按需延迟加载所需文件。

注意:当然,文件存储在CDN中,否则CDN本身可能是最显着的性能提升。

相关回答:
我有found some rather dated answers concerning strategy 1, generally stating that a single file with <50-200 KB is acceptable and >500KB is not good. Unfortunately the Yahoo Best Practices for speeding up websites也不细说

我要的不是:
我知道我可以确定 JS 文件的耦合,组成常见的使用场景,组合相关文件并使用 AMD 最大限度地优化一切。虽然这将是完美的解决方案,但它非常昂贵且耗时,因此不值得付出努力(目前)。

问题:
您能否推荐一个实用的解决方案(=易于实施)作为 50 KB / 200 KB / 500 KB / > 500 KB 的总(缩小,丑化)JS 大小的基准?您将如何优化移动设备?

注意:规定的大小数字包括常用框架(例如jQuery、Bootstrap、...)和自定义代码。如果你会考虑不同的策略,例如20%或80%的大小来自常用框架,请解释。

你的问题没有真正的解决方案,只有意见。

随着蜂窝世界的快速发展 --> 连接性和速度总是在增加。对今天适用的事情,可能与明天无关。

话虽如此,我将推荐以下内容--> 使用大小为 ~100kb 的文件。 不要试图组合框架,让它们保持原样。速度的提升不值得浪费时间

确保您的自定义代码在缩小后不会超过该大小。

或者,如果您想要 "best" 解决方案,请自己构建一个程序,自动将所有 js 文件组合成单独的用户定义大小,然后您可以灵活地做目前最好的事情。 (或使用现有的一次,有一些信息 here