ホームに戻る

JavaScript圧縮

JavaScriptコードを貼り付けると、不要なコメントと空白を減らし、圧縮サイズと構文状態をすぐ確認できます。

コーディング 結果を待っています
問題を報告

コーディングブラウザ処理

圧縮概要

小さいJSは初回読み込みとキャッシュ効率に役立ちます。本番ではビルドとテストを最終確認にしてください。

構文チェック

構文は有効そうです

元サイズ

292 B

圧縮サイズ

228 B

削減バイト

64 B

削減率

21.9%

gzip推定

80 B

削減行

11

元のJavaScript

デプロイ前に小さくしたいJSコードを貼り付けます。

圧縮結果

結果を確認し、コピーまたは.min.jsで保存します。

function calculateTotal(items){const total=items.reduce((sum,item)=>{return sum+item.price*item.quantity;},0);console.log("total",total);return total;}const cart=[{price:12,quantity:2},{price:5,quantity:3}];calculateTotal(cart);

デプロイ前チェック

  • 表記義務がある場合はライセンスコメントを保持してください。
  • 正規表現やテンプレート文字列が多いコードは結果を確認してください。
  • 本番配信ではソースマップとテスト結果も保管してください。

簡易圧縮の注意

このツールは素早い容量削減用です。変数名短縮、dead code除去、バンドルはビルドツールを使ってください。

安全確認付きでJSを圧縮

このツールはブラウザ内で動作し、コードをアップロードしません。文字列とテンプレート文字列を保ち、通常コメントと不要な空白を削減します。

使い方メモ

  • 行コメントとブロックコメントを削除し、必要なら /*! ... */ ライセンスコメントを残します。
  • 文字列内の空白は維持し、コード間の空白だけを減らします。
  • 削減率 = (元サイズ - 圧縮サイズ) / 元サイズ x 100

よくある質問

Terserと同じですか?expand_more

いいえ。変数名変更や高度な最適化をしない、ブラウザ用の簡易圧縮です。

コードは送信されますか?expand_more

いいえ。処理はブラウザ内だけで行われます。

ライセンスコメントは?expand_more

保持オプションを使うと /*! で始まる重要コメントを残せます。

さらに探す

次に試したいツール

同じカテゴリのツールと Gogotem で人気のツールを続けて探せます。

すべてのツール arrow_forward