JavaScriptを圧縮

JavaScriptを圧縮するには、下にコードを貼り付けます。コメントと余分な空白を取り除き、何バイト減ったかを表示します。文字列・テンプレートリテラル・正規表現はそのまま残り、結果は元のコードと同じ動作をします。

出典:Ecma International – ECMAScript Language Specification (§ 12.10 Automatic Semicolon Insertion)。更新日:

マイツールボックス

結果

結果
function add(a,b){return a+b;} const numbers=[1,2,3];console.log(numbers.map((n)=>add(n,10)));
集計
135 → 94バイト(30.4%減)。
取り除くのはコメントと空白だけで、変数名は変えません。結果は同じ動作ですが、Terserやesbuildより大きくなります。

計算方法

JavaScriptを圧縮するとは、実行に不要なものをすべて取り除くことです。コメント、インデント、空白、改行などです。このツールはコードをブラウザの中で文字列・テンプレートリテラル・正規表現・数値・単語・記号に分解し、空白を最小限にして組み立て直します。ファイルの読み込みが速くなり、動作は変わりません。

使い方

  1. JavaScriptをフィールドに貼り付けます。
  2. ライセンスコメント(/*! … */、@license、@preserve)を残すかどうかを選びます。
  3. 結果をコピーします。圧縮前と圧縮後のサイズが表示されます。

圧縮で行うこと

制限

最大限に小さくしたい場合(名前の短縮、不要コードの削除、コードの組み替え)は、ビルドでTerserやesbuildを使ってください。このツールは、設定なしで手早く安全に小さくするためのものです。

プライバシー

コードはブラウザの外に出ません。スタイルシートにはCSSを圧縮があります。次の作業にはHTMLを整形、正規表現をテストが使えます。

よくある質問

JavaScriptを圧縮するには?

JavaScriptをフィールドに貼り付けると、コメントと空白が取り除かれ、減ったサイズが表示されます。結果をファイルにコピーしてください。

圧縮するとコードの動作は変わりますか?

変わりません。取り除くのはコメントと空白だけで、文字列・テンプレートリテラル・正規表現はそのままです。改行は、セミコロンの代わりになる場所に残します。

変数名は短くなりますか?

なりません。このツールは名前を変えません。最大限に小さくしたい場合は、ビルドでTerserやesbuildを使ってください。

どのくらい小さくなりますか?

コメントとインデントの多いファイルでは、20〜50%減ることがよくあります。さらにサーバーがgzipやBrotliで圧縮するので、両方の併用が効果的です。

圧縮したコードを読みやすく戻せますか?

このツールは一方向のみです。コードの整形には、エディタやコードフォーマッタが向いています。

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

いいえ。すべてブラウザの中でローカルに処理されます。

出典・根拠

更新日: · 編集方針

関連ツール