JavaScript 圧縮

JavaScript をローカルで圧縮し、UTF-8 バイト数を比較します。

フロントエンドとデザイン
ワークスペースを準備中…
入力
出力
結果はここに表示されます。

使い方

  1. 貼り付け / ファイルを開く / サンプル
  2. 圧縮
  3. コピー / ダウンロード

JavaScript 圧縮

Terser は入力を実行せず解析・最適化し、前後のサイズと削減率を表示します。

処理はブラウザー内で行います。DevToolsy は貼り付けたデータや選択したファイルを受信しません。

仕組み

ES module、ローカル変数名の短縮、ライセンスコメント保持を選べます。名前短縮は既定で無効です。

変換前と変換後
入力
/*! Example license */
function greeting(name) {
  const message = "Hello, " + name;
  return message;
}
console.log(greeting("Ada"));
出力
/*! Example license */
function greeting(name){return"Hello, "+name}console.log(greeting("Ada"));

既定の設定による例です。

処理の制限

TypeScript と JSX は先にコンパイルしてください。圧縮は型検査や対象アプリのテストに代わりません。

出力

コピー / ダウンロード

処理の制限

UTF-8 入力は最大 1 MiB、出力は最大 8 MiB、処理は最大 30 秒です。

参考資料Terser
?

よくある質問

JavaScript 圧縮 の使い方は?

Terser は入力を実行せず解析・最適化し、前後のサイズと削減率を表示します。

どの設定を変更できますか?

ES module、ローカル変数名の短縮、ライセンスコメント保持を選べます。名前短縮は既定で無効です。

結果を使う前に何を確認すべきですか?

TypeScript と JSX は先にコンパイルしてください。圧縮は型検査や対象アプリのテストに代わりません。

入力はアップロードされますか?

処理はブラウザー内で行います。DevToolsy は貼り付けたデータや選択したファイルを受信しません。

結果を保存できますか?

コピー / ダウンロード

次に使うツールを探す

言語

言語を切り替えますか?現在の作業内容が消去されます。先に必要な内容をコピーまたはダウンロードしてください。