javascript - 使用 RequireJS 的优势？

Question

我正在比较以下两个 TodoMVC 示例的渲染速度:

1. Backbone - http://addyosmani.github.com/todomvc/architecture-examples/backbone/

   -> (on 1st loading) 14 requests  ❘  62.19KB transferred  ❘  2.01s (onload: 2.10s, DOMContentLoaded: 2.10s)
   
   -> (on cache loading) 14 requests  ❘  0B transferred  ❘  176ms (onload: 177ms, DOMContentLoaded: 175ms)
   

2. 主干 + RequireJS - http://addyosmani.github.com/todomvc/dependency-examples/backbone_require/

   -> (on 1st loading) 19 requests  ❘  73.95KB transferred  ❘  2.57s (onload: 2.57s, DOMContentLoaded: 1.14s)
   
   -> (on cache loading) 19 requests  ❘  0B transferred  ❘  224ms (onload: 244ms, DOMContentLoaded: 87ms)
   

我这样解释是否正确，即使用 RequireJS 会使 $(document).ready() 尽早触发，但是完成页面所需的总时间渲染实际上会变得更冗长？

Answer 1

你的解释是正确的。

但是，值得注意的是，在给出的示例中 r.js optimizer没有在代码上运行，所以每个单独的模块都是单独加载的，所以在这种情况下它确实有这种效果。但是，如果他们使用应用程序的优化版本，则所有依赖项都将编译到一个文件中(除非另有说明)并且该示例将仅加载四个 文件(如果查看者使用的 IE 版本低于版本 10，则为五个)。我不能确定这会对加载时间和 DOMContentLoaded 产生多大影响，但我猜测是它会减少两者的时间。