JavaScript 圧縮(Minify)を無料でオンライン実行
Terser で JavaScript を圧縮、または js-beautify で整形。圧縮率を表示します。ブラウザ内で動作します。
🔒 ファイルがブラウザの外に出ることはありません。すべての処理は Terser でローカルに実行されます。
JavaScript をオンラインで圧縮する方法
- 1
JavaScript を貼り付ける
入力欄に JavaScript のコードを貼り付けます。
- 2
「JS を圧縮」または「JS を整形」をクリック
圧縮は Terser でコードを軽量化します。整形は一貫したインデントでコードを見やすくします。
- 3
結果をコピーする
「コピー」をクリックすると、処理後のコードがクリップボードにコピーされます。
JavaScript はページの中でも特に重い要素で、ダウンロードだけでなく解析や実行にも時間がかかります。空白を取り除くだけの CSS の圧縮とは異なり、本格的な JavaScript の圧縮ツールはコードそのものを書き換えます。ローカル変数は 1 文字の名前になり、到達しない分岐は削除され、式はより短い同等の形にまとめられます。そのため JS は通常 30~60% 小さくなり、マークアップやスタイルよりはるかに高い圧縮率が得られます。
このツールは、Webpack・Vite・Rollup が内部で使っているのと同じ圧縮ツール Terser を、ブラウザ内だけで動作するようにして実行しています。貼り付けたコードがサーバーに送信されることはありません。Node のインストールやバンドラーの設定をしなくても製品レベルの出力が得られ、単発のスクリプトや CMS に貼るコード、サイズの簡易チェックに便利です。
注意点として、エクスポートされる名前、文字列の内容、ファイルの外から参照されうるものは名前が変更されません。実行時に function.name を読むコードやスタックトレースを解析するコードは、圧縮後に動作が変わる場合があるため、圧縮前のコピーを必ず保管してください。整形モードは読みやすさのために逆の処理を行いますが、元の変数名は復元できません。