メインコンテンツへスキップ
Z

JavaScript圧縮ツール

terserを使ってJavaScriptを圧縮します。変数名短縮(mangle)、コード圧縮、コメントの扱いを細かく設定でき、圧縮前後のサイズ比較も確認できます。

無料 登録不要 クライアントサイド プライバシーに配慮 Updated

サイズ:

サイズ: · 削減 %

処理中…

使い方

  1. 1 左側の入力欄にJavaScriptコードを貼り付けます。
  2. 2 Mangle / Compressのオン・オフを切り替え、コメントの扱いを選択します。
  3. 3 Minifyボタンを押すと、圧縮前後のサイズがすぐに表示されます。

このツールを使う理由

  • webpack、Rollup、Viteでも採用されているterserエンジンをそのまま使用しています。
  • 遅延読み込み(lazy-loaded)方式のため、terserはMinifyボタンを押したときだけ読み込まれ、ページが軽快なままです。
  • 圧縮前後のサイズを並べて表示するので、どれだけ削減できたかが一目でわかります。
  • 完全にクライアントサイドで処理されるため、コードがブラウザの外に出ることはありません。

よくある質問

難読化(obfuscation)との違いは何ですか?

圧縮(minify)は変数名を短縮し構文を圧縮してパフォーマンスを高めるだけです。難読化(obfuscation)はさらに踏み込み、制御フローの平坦化、文字列の暗号化、ダミーコード(dead code)の挿入なども行います。詳しくは<a class="underline" href="/js-obfuscator">JS Obfuscator</a>をご覧ください。

モダンなJS構文にも対応していますか?

はい。terserはオプショナルチェイニング、BigInt、トップレベルawaitなど、ES2020以降の構文に対応しています。

圧縮後のコードを整形(pretty-print)したい場合は?

<a class="underline" href="/javascript-formatter">JavaScript Formatter</a>を使えばレイアウトを復元できます(ただし、短縮された変数名までは元に戻せません)。

JavaScript圧縮ツール とは?

JavaScript圧縮ツールは、JavaScriptのソースコードを圧縮してファイルサイズを小さくし、読み込み速度を高速化するためのツールです。terserをベースに構築されており、変数名の短縮(mangle)、コードの圧縮、コメントの扱いを自由にカスタマイズでき、圧縮前後のサイズ比較も表示されます。処理はすべてブラウザ内で完結し、ソースコードがサーバーに送信されることはありません。

概要

JavaScript圧縮ツール は Zerethon Tools が提供する無料の 開発者 ユーティリティです。terserを使ってJavaScriptを圧縮します。変数名短縮(mangle)、コード圧縮、コメントの扱いを細かく設定でき、圧縮前後のサイズ比較も確認できます。. ブラウザ上で完全に動作します — 登録不要、アップロード不要。

カテゴリ
開発者
料金
無料
プライバシー
ブラウザベース
登録
不要

プライバシー

明記されない限り、データがブラウザの外に送信されることはありません。JavaScript圧縮ツール は完全にクライアント側で動作します — サーバーへのアップロードなし、ログなし、入力内容のトラッキングなし。

関連ツール

Zerethon Social で作成・共有・成長しよう

無料登録。ポイントを獲得し、実績を集め、世界中のクリエイターとつながりましょう。

Zerethon を無料で試す