コード圧縮
公開前のHTML、CSS、JavaScript、JSONを軽くしたいときに、すばやく圧縮できます。
圧縮結果
なぜコードを圧縮するのか
読み込みを軽くする
コメント、空白、不要な文字を削り、ブラウザに届く前の転送サイズを小さくします。
帯域幅を抑える
静的ファイルが複数ページ、地域、キャンペーンで再利用されるほど、小さな素材の効果は出やすくなります。
解析の負担を減らす
ダウンロード後もブラウザはレスポンスを解析します。特にJavaScriptや大きなインラインデータでは短いペイロードが助けになります。
小さな静的出力を整理
ビルドパイプラインを回さずに、スニペット、埋め込み、モックAPIレスポンス、書き出しデモをすばやく整えるときに便利です。
圧縮 / 難読化 / 転送時圧縮の違い
Minification
ロジック構造を意図的に変えず、不要な文字を削ります。
Obfuscation
識別子の変更やロジックの変形で、人間が読みにくくします。
Gzip / Brotli
転送中のバイト数を減らします。コード圧縮と併用でき、転送時圧縮前のソースファイルも小さく保てます。
Tree shaking
最終コードを縮めるだけでなく、ビルドステップで未使用モジュールを取り除きます。
よくある質問
圧縮したコードを読みやすく戻せますか？
フォーマッターで空白や改行は戻せますが、コメントや元の変数意図は失われていることがあります。
非公開コードに使っても安全ですか？
変換はブラウザ内で行われるため、圧縮のためだけに外部サービスへコードをアップロードする必要はありません。
圧縮でコードが壊れることはありますか？
通常は起きませんが、入力が壊れている場合や例外的な書き方では確認が必要です。本番投入前に、圧縮後のコードを実際に動かして確認してください。
CDN が Brotli を使っていても minify は必要ですか？
多くの場合は有効です。Brotliは転送時の圧縮、コード圧縮はソースの不要文字削除です。保存、確認、埋め込み前のファイルも小さく保てます。
ビルド時に圧縮すべきですか？
本番アプリではビルドステップで行うのが基本です。このツールはスニペット、書き出しデモ、一度きりのファイル、デバッグ出力のすばやい整理向けです。