摘要:性能是的關(guān)鍵指標(biāo),但是從目前的測試來看,性能并不理想。提供了一個查看性能的接口,,調(diào)用這個接口,就可以看到各個模塊在各環(huán)節(jié)用時,以及總的性能比。
性能是 browserify-loader 的關(guān)鍵指標(biāo),但是從目前的測試來看,性能并不理想。
browserify-loader 提供了一個查看性能的接口,window.define.performance(), 調(diào)用這個接口,就可以看到各個模塊在各環(huán)節(jié)用時,以及總的性能比。
那如何衡量 browserify-loader 的性能呢?
假設(shè)沒有加載器,腳本都是通過 script 標(biāo)簽一開始就全都引入到 HTML 中的,那所有這些腳本的加載時間就是性能時間。
加入了 browserify-loader 之后,包含以下這些消耗時間的地方:
xhr 加載腳本,這個時間基本等價于 通過 script 標(biāo)簽加載腳本的時間
define 的時間,給 xhr 加載過來的腳本打上 define 的 wrapper,在創(chuàng)建 script 標(biāo)記插到頁面中,再到 define 執(zhí)行完畢
分析模塊依賴的時間
獲取真實模塊依賴 uri 的時間,包括遞歸向上查找 node_modules 中模塊的時間
等等
好吧,下面是粗略的測試結(jié)果:
`使用 browserify-loader 加載的總時間 / xhr 加載腳本的總時間 ≈ 2 - 5 倍
意思也就是,如果你啥也不用,加載要1s,使用 browserify-loader 可能需要 2 - 5s。這個時間大家可以接受么?
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/85275.html
摘要:為什么需要最近在寫一個模塊加載器,叫做。的目標(biāo)就是為在使用開發(fā)是提供另外一種把模塊加載到瀏覽器端的選擇。示例中的代碼模塊都是使用規(guī)范編寫的,然后直接通過加載到瀏覽器端執(zhí)行。歡迎意見和反饋,微博寸志 為什么需要 browserify-loader 最近在寫一個模塊加載器,叫做 browserify-loader。大名鼎鼎的 browserify 大家一定不陌生。 browserify-...
摘要:,是一個模塊的加載器。旨在改善模塊化的開發(fā)。版本加入了對的支持,移除了對的支持。這次更新得益于這個項目,它提供了將代碼編譯為的功能。當(dāng)然它還有更多豐富的功能。使用方法在標(biāo)簽上指明支持的擴(kuò)展名,比如和。這兩者都支持編寫代碼。 browserify-loader,是一個 CommonJS 模塊的加載器。旨在改善模塊化的開發(fā)。是 Browerify Work Flow 的補(bǔ)充。 0.5.0...
摘要:開始支持直接加載代碼了。新增了一個配置項即你的代碼中可能包含或者的源碼。比如你使用或者安裝的包是的,但是你項目使用的是,不用擔(dān)心,簡單的配置一下,輕松搞定。 browserify-loader 開始支持直接加載 CoffeeScript 代碼了。新增了一個配置項:extensions 即你的代碼中可能包含js或者coffee的源碼。比如你使用npm或者bower安裝的包...
摘要:發(fā)布,沒有功能的更新,使用的特性替換掉了對和這兩個包的依賴。類庫的體積縮小了很多。下一步,打算提供插件模式,支持更多的可編譯為語言,也包括等。 browserify-loader 發(fā)布 0.3.0,沒有功能的更新,使用 ES6 的 Promise 特性替換掉了對 RSVP 和 EventEmmiter 這兩個 Node 包的依賴。類庫的體積縮小了很多。 下一步,打算提供插件模式,支持...
摘要:,是一個模塊的加載器。旨在改善模塊化的開發(fā)。提供了自定義模塊加載的接口便于你擴(kuò)展,比如支持等等。 browserify-loader,是一個 CommonJS 模塊的加載器。旨在改善模塊化的開發(fā)。是 Browerify Work Flow 的補(bǔ)充。 0.4.1 修復(fù)了錯誤處理,開始支持加載 json 和 jsx 模塊。提供了自定義模塊加載的接口 registerExtension: ...
閱讀 2329·2023-04-26 00:28
閱讀 3078·2019-08-30 15:55
閱讀 2749·2019-08-30 12:47
閱讀 1560·2019-08-29 11:04
閱讀 3183·2019-08-28 18:14
閱讀 952·2019-08-28 18:11
閱讀 1679·2019-08-26 18:36
閱讀 3394·2019-08-23 18:21