JS / CSS 圧縮ツール
この圧縮ツールは JavaScript や CSS からコメントを除去し空白を詰めてサイズを小さくし、元のサイズ、圧縮後のサイズ、削減率を表示します。
Input (JavaScript)
このツールについて
この圧縮ツールは JavaScript や CSS からコメントを除去し空白を詰めてサイズを小さくし、元のサイズ、圧縮後のサイズ、削減率を表示します。
使い方
- JavaScript か CSS を選びます。
- 入力欄にコードを貼り付けます。
- 「圧縮」をクリックし、削減されたサイズを確認します。
- 圧縮後の出力をコピーします。
知っておきたいこと
- JavaScript では、文字列リテラルを避けつつ、// と /* */ のコメントを除去し、空白を詰め、演算子の前後のスペースを削ります。
- CSS では、コメントを除去し、空白を詰め、: { } ; , の前後のスペースを取り除きます。
- 変数名の変更やコードの書き換えは行わないため、Terser や esbuild のようなバンドラーに比べると削減量は小さくなります。
- 圧縮したファイルはネットワークで転送するバイト数が少なくなるため、読み込みが速くなります。
すべてブラウザ内で動作します。入力した内容がアップロード・保存されることはありません。
よくある質問
この圧縮ツールは本番用のコードにも使えますか？
手早く、非公開で圧縮するには十分です。本番ビルドには、変数名の短縮やデッドコードの除去を行い、あらゆるエッジケースに対応する Terser や esbuild などの本格的なツールを使ってください。
圧縮すると JavaScript が動かなくなりますか？
空白の圧縮は通常は安全ですが、改行をまたぐセミコロンの自動挿入に依存したコードは壊れることがあります。出力を必ずテストしてください。
コードはサーバーにアップロードされますか？
いいえ。圧縮はすべてブラウザ内で行われます。
ファイルはどのくらい小さくなりますか？
コード内のコメントや空白の量によって異なります。ツールに正確な削減率が表示されます。