browserify-loader 目前的性能

性能是 browserify-loader 的關鍵指標,可是從目前的測試來看,性能並不理想。node

browserify-loader 提供了一個查看性能的接口,window.define.performance(), 調用這個接口,就能夠看到各個模塊在各環節用時,以及總的性能比。git

那如何衡量 browserify-loader 的性能呢?github

假設沒有加載器,腳本都是經過 script 標籤一開始就全都引入到 HTML 中的,那全部這些腳本的加載時間就是性能時間。app

加入了 browserify-loader 以後,包含如下這些消耗時間的地方:性能

  1. xhr 加載腳本,這個時間基本等價於 經過 script 標籤加載腳本的時間
  2. define 的時間,給 xhr 加載過來的腳本打上 define 的 wrapper,在建立 script 標記插到頁面中,再到 define 執行完畢
  3. 分析模塊依賴的時間
  4. 獲取真實模塊依賴 uri 的時間,包括遞歸向上查找 node_modules 中模塊的時間
  5. 等等

好吧,下面是粗略的測試結果:測試

`使用 browserify-loader 加載的總時間 / xhr 加載腳本的總時間 ≈ 2 - 5 倍code

意思也就是,若是你啥也不用,加載要1s,使用 browserify-loader 可能須要 2 - 5s。這個時間你們能夠接受麼?orm

相關文章
相關標籤/搜索