哪个更好的JavaScript加载时间:压缩所有在一个大文件或加载所有异步?

Oma*_*awi 9 javascript performance asynchronous user-experience page-load-time

一个简单的问题,我不确定它是否有简短的答案!

说明
我有一个JavaScript文件,要在网站上加载,这里有一些关于它们的注释:

  • 它们都来自同一个域(不需要跨域加载)
  • 它们在网站上是相同的.
  • 有几个文件,比如jQuery,还有5个其他插件加上我自己的基于它们的应用程序脚本.
  • 它们的大小全部压缩= 224KB,(我将所有文件合并到一个文件中,然后使用YUI Compressor 2一次压缩它们

问题
我听说224KB并不适合放在一个文件中!它应该分成几个文件,每个文件最多44KB.我不记得我什么时候听到这个并且我不确定将它分成更多文件是否有效,但确实224KB需要很长时间首次加载,考虑网站当然加载图像和CSS.

我已经最小化了早期加载JavaScript文件的需要并把它放在了最底层,到目前为止这是一个很好的进展,但是我需要加载它与HTML一起使用以获得时间和做出的决定是:

是还是不是?
将它保存在一个压缩的大文件中?或者将它们拆分成许多压缩文件并异步加载(我知道处理依赖关系相关的问题)?

Lou*_*nco 6

这取决于网站的内容以及首次加载时间的重要性.

尽管如此,我可能会从公共CDN加载JQuery和类似的东西.一个很大的好处是它可能已经被缓存,即使它们从未到过您的网站.

http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/

Cappuccino团队是一个文件的主要支持者 - 他们制作了一个javascript框架.使用他们的工具制作的应用程序预计会有一些加载时间.

http://cappuccino.org/discuss/2009/11/11/just-one-file-with-cappuccino-0-8/