摘要:性能是的關鍵指標,但是從目前的測試來看,性能并不理想。提供了一個查看性能的接口,,調用這個接口,就可以看到各個模塊在各環節用時,以及總的性能比。
性能是 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。這個時間大家可以接受么?
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/85275.html
摘要:為什么需要最近在寫一個模塊加載器,叫做。的目標就是為在使用開發是提供另外一種把模塊加載到瀏覽器端的選擇。示例中的代碼模塊都是使用規范編寫的,然后直接通過加載到瀏覽器端執行。歡迎意見和反饋,微博寸志 為什么需要 browserify-loader 最近在寫一個模塊加載器,叫做 browserify-loader。大名鼎鼎的 browserify 大家一定不陌生。 browserify-...
摘要:,是一個模塊的加載器。旨在改善模塊化的開發。版本加入了對的支持,移除了對的支持。這次更新得益于這個項目,它提供了將代碼編譯為的功能。當然它還有更多豐富的功能。使用方法在標簽上指明支持的擴展名,比如和。這兩者都支持編寫代碼。 browserify-loader,是一個 CommonJS 模塊的加載器。旨在改善模塊化的開發。是 Browerify Work Flow 的補充。 0.5.0...
摘要:開始支持直接加載代碼了。新增了一個配置項即你的代碼中可能包含或者的源碼。比如你使用或者安裝的包是的,但是你項目使用的是,不用擔心,簡單的配置一下,輕松搞定。 browserify-loader 開始支持直接加載 CoffeeScript 代碼了。新增了一個配置項:extensions 即你的代碼中可能包含js或者coffee的源碼。比如你使用npm或者bower安裝的包...
摘要:發布,沒有功能的更新,使用的特性替換掉了對和這兩個包的依賴。類庫的體積縮小了很多。下一步,打算提供插件模式,支持更多的可編譯為語言,也包括等。 browserify-loader 發布 0.3.0,沒有功能的更新,使用 ES6 的 Promise 特性替換掉了對 RSVP 和 EventEmmiter 這兩個 Node 包的依賴。類庫的體積縮小了很多。 下一步,打算提供插件模式,支持...
摘要:,是一個模塊的加載器。旨在改善模塊化的開發。提供了自定義模塊加載的接口便于你擴展,比如支持等等。 browserify-loader,是一個 CommonJS 模塊的加載器。旨在改善模塊化的開發。是 Browerify Work Flow 的補充。 0.4.1 修復了錯誤處理,開始支持加載 json 和 jsx 模塊。提供了自定義模塊加載的接口 registerExtension: ...
閱讀 2323·2023-04-26 00:28
閱讀 3067·2019-08-30 15:55
閱讀 2742·2019-08-30 12:47
閱讀 1550·2019-08-29 11:04
閱讀 3150·2019-08-28 18:14
閱讀 945·2019-08-28 18:11
閱讀 1671·2019-08-26 18:36
閱讀 3383·2019-08-23 18:21