使い方
- JavaScript を貼り付けるか、
.jsファイルを開くか、サンプルから始めます。 - 入力すると圧縮されたコードが、圧縮前後のサイズとともに表示されます。構文エラーは行と列とともに表示されます。
- コピーするか、
script.min.jsとしてダウンロードします。
機能
JavaScript ミニファイアーは、多くのビルドツールに組み込まれているミニファイアー Terser を実行します。
- 空白とコメントを削除します。
- ローカル変数とパラメータの名前を短くします(
firstはnになります)。トップレベルの名前はそのままなので、ページ上の他のスクリプトから引き続き関数を呼び出せます。 - 実行されることのないコードを削除し、式を簡略化します(
if (x) { return a } else { return b }はreturn x ? a : bになります)。
効果はありますか?
JavaScript は、ダウンロード、解析、実行が必要で、ページが読み込むものの中で最もコストがかかります。圧縮すると gzip や Brotli の前でスクリプトのサイズは通常半分になり、その後でも 3 分の 1 程度削減できることがよくあります。短い名前やコメントの削除は圧縮後にも効くからです。Vite や esbuild などのビルドツールは本番用にすでに圧縮します。このページは、手書きで公開するスクリプトや、スニペットがどう圧縮されるかの確認に向いています。
よくある質問
圧縮でコードが壊れることはありますか?
Terser は有効なコードの意味を保ちます。実行時に自身の関数名やソーステキストを読むコード(まれです)は動作が変わる場合があります。読みやすいバージョンをソースとして保持し、圧縮版をテストしてください。
モダンな JavaScript に対応していますか?
はい。モジュール、クラス、async/await、オプショナルチェーンに対応しています。コードが動作するブラウザは変わりません。
ソースマップはどうですか?
このページでは作成しません。ビルドツールは圧縮ファイルとともにソースマップを書き出し、ブラウザの開発者ツールで元のコードを表示できるようにします。
コードはアップロードされますか?
いいえ。Terser はブラウザに読み込まれ、そこで実行されます。