使用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. Backbone + 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优化器尚未在代码上运行，因此每个单独的模块都是单独加载的，因此在这种情况下它确实具有这种效果。 然而，如果它们被使用的应用程序的优化版本的所有依赖关系会被编译成一个文件（除非另有说明），并且如果观看者使用一个版本的IE小于版本10中的实例将只装入四个文件（5 ）。 我无法肯定地说会影响加载时间和DOMContentLoaded多少，但我的猜测是它会降低两者的时间。