2015-05-04 45 views
2

我在尝试确定优化关于Javascript资源的网页加载时间的最佳策略。我能想到的多种策略:网页上javascript资源的推荐大小

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

:当然,这些文件都存储在一个CDN,否则CDN本身可能会是最显著的性能提升。

相关答案
foundsomeratherdated有关策略1的答案,通常声称与< 50-200 KB的单个文件是可以接受的,> 500KB不好。不幸的是,Yahoo Best Practices for speeding up websites也没有涉及具体细节。

我不是找什么:
我知道我可以判断JS文件的耦合,弥补了常见的使用场景,并结合相关文件,并使用AMD优化一切到了极致。虽然这将是一个完美的解决方案,但它非常昂贵和耗时,因此不值得付出努力(还)。

问题:
你能推荐的实际解决方案(=易于实现),作为总的基线(精缩,变丑)JS大小50 KB/200 KB/500 KB /> 500 KB的?你将如何进行移动设备优化?

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

回答

2

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

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

就这样说,我会推荐以下内容 - > 使用大小约为100kb的文件。 不要尝试组合框架,让它们保持原样。速度的提高并不值得浪费时间。

确保您的自定义代码在缩小后不会超过该大小。另外,如果你想要“最好”的解决方案,建立一个程序,它可以自动将你所有的js文件组合成不同的用户定义大小,那么你就可以灵活地做到目前最好的解决方案。 (或使用现有的一些,有一些信息here