机能是 browserify-loader 的症结目标,然则从现在的测试来看,机能并不抱负。
browserify-loader 供应了一个检察机能的接口,window.define.performance()
, 挪用这个接口,就能够看到各个模块在各环节用时,以及总的机能比。
那怎样权衡 browserify-loader 的机能呢?
假定没有加载器,剧本都是经由过程 script 标签一开始就全都引入到 HTML 中的,那所有这些剧本的加载时候就是机能时候。
加入了 browserify-loader 以后,包含以下这些斲丧时候的处所:
- xhr 加载剧本,这个时候基础等价于 经由过程 script 标签加载剧本的时候
- define 的时候,给 xhr 加载过来的剧本打上
define
的 wrapper,在建立 script 标记插到页面中,再到 define 实行终了 - 剖析模块依靠的时候
- 猎取实在模块依靠 uri 的时候,包含递归向上查找 node_modules 中模块的时候
- 等等
好吧,下面是大略的测试效果:
`运用 browserify-loader 加载的总时候 / xhr 加载剧本的总时候 ≈ 2 – 5 倍
意义也就是,假如你啥也不必,加载要1s,运用 browserify-loader 能够须要 2 – 5s。这个时候人人能够接收么?