経緯
1.こちらの質問で代替を検索した方がいいようなことを言われました。
2.自分の質問記事がクソみたいらしくて凹みました。
条件
圧縮率は、大まかなファイルサイズ(KB単位ぐらい)から求めた圧縮前サイズを基にした圧縮後のサイズの割合です。
この圧縮率は低い方がいいです。
\frac{圧縮後の大きさ}{圧縮前の大きさ}
比較用に使うJavascriptソースコードはこちらにします。
Vue3.4.27 vue.global.js
元サイズ：508KB
React18 react.development.js
元サイズ：107KB
オンライン系
| サービス | Vueの圧縮率 | Reactの圧縮率 |
|---|---|---|
| jscompress.com | 失敗 | 72.38% |
| Toptal Javascript minifier | 36.8% | 27.4% |
| minifier.org | 64.3% | 49.9% |
| CodeBeautify minify-js | 37.4% | 27.5% |
| Minify JS(Terser v5.20.0) | 37.3% | 27.4% |
オンラインではToptal Javascript minifierが一番低く良かったです。
jscompress.comはVueが上手くいかなかったため申し訳ないですが非推奨です。
オフライン系
| サービス | Vueの圧縮率 | Reactの圧縮率 |
|---|---|---|
| webpack | 37.2% | 27.1% |
オフライン系があんまりよさそうなものが見つかりませんでした。
webpackは変数名とか色々圧縮しちゃうし大変なのでjsの最小化よりは製品系に向いてますね。
結論
webpackは結構良い。
オンラインで手軽にするならToptal Javascript minifierを使おう。
反省
minifyオンラインサービスの代替を探さずにminify-js.comに頼ろうとして申し訳ありませんでした。