JavaScriptのプロジェクトでは大抵ミニファイされた上で提供されます。3KBといってもミニファイし、GZipした上での数字だったりします。そうした中で採用するテクノロジーがどれくらいのサイズなのかを比較したいと思うことがあるでしょう。 そこで使ってみたいのがjsizeです。npmパッケージのファイルサイズを比較できるソフトウェアです。

jsizeの使い方

デモです。jQueryの詳細を表示します。

$ jsize --verbose jquery

   Package     Initial  Minified  Gzipped
  
   jquery   =  271 kB   88.6 kB   30.8 kB

さらに比較する場合です。

$ jsize react + react-dom angular vue

   react + react-dom  =  44.2 kB (gzipped)
   angular            =  61.5 kB (gzipped)
   vue                =  21.3 kB (gzipped)

こうして比較することで類似技術を採用する際の基準にもできるでしょう。Webブラウザで動かす際などはなるべく軽量なものを採用すべきです。重厚なライブラリを使えば使うほど、どんどん動作が重たくなってしまうでしょう。

jsizeはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。

antonmedv/jsize: Find out minified and gzipped npm package size