lobsite! ログイン アカウント作成

無料ツール /

JavaScript ミニファイアー

Terser で JavaScript を圧縮します。名前を短くし、空白とコメントを削除し、不要なコードも取り除きます。削減できたバイト数を確認できます。ブラウザ上で無料で使えます。

JavaScript フォーマッター →
圧縮済み

使い方

  1. JavaScript を貼り付けるか、.js ファイルを開くか、サンプルから始めます。
  2. 入力すると圧縮されたコードが、圧縮前後のサイズとともに表示されます。構文エラーは行と列とともに表示されます。
  3. コピーするか、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 はブラウザに読み込まれ、そこで実行されます。