コードミニファイアー

リファレンス

コードの最小化とは？

コード最小化は、コードの動作を変えずにソースコードから不要な文字 — 空白、コメント、改行、省略可能な区切り文字 — を取り除きます。結果として生成されるファイルは小さくなり、ネットワーク上でより速くダウンロードされます。最小化は現代のすべてのフロントエンドビルドパイプラインの標準ステップであり、HTML、CSS、JavaScriptに対してGoogleのWeb Performanceガイドラインで推奨されています。

HTMLの最小化

HTMLの最小化はHTMLコメント（<!-- ... -->）を削除し、タグ間の空白を圧縮します。ブラウザはHTMLの余分な空白を無視するため、削除しても視覚的な影響はありませんがファイルサイズが削減されます。一般的なHTMLの最小化による削減率は、フォーマットスタイルやコメントの密度に応じて10〜25%です。インラインの<style>および<script>ブロックは、それぞれの言語固有の最小化の恩恵も受けます。

CSSの最小化

CSSの最小化はコメント（/* ... */）を削除し、空白を圧縮し、{、}、:、;、,の周囲のスペースを削除します。また、CSSパーサーが省略を許可している}の直前の最後のセミコロンも削除します。コメントの多いCSSファイルでは通常20〜40%のサイズ削減が見られます。本番環境では、cssnanoやLightning CSSなどのツールが、重複ルールの結合、カラーの短縮（#ffffff → #fff）、冗長なプレフィックスの削除をさらに行います。

JavaScriptの最小化

このツールは保守的なJavaScript最小化を実行します: 一行コメント（// ...）、複数行コメント（/* ... */）を削除し、空白を圧縮します。これは安全で高速ですが、完全なオプティマイザーではありません — 変数名の変更、未使用エクスポートのツリーシェイク、デッドコードの削除は行いません。本番ビルドには専用ツールを使用してください: Terser（Webpack/Viteの標準）、esbuild（超高速、Goベース）、SWC（Rustベース、Next.jsで使用）。これらのツールは最小化と変数マングリングの組み合わせで40〜70%のサイズ削減を達成します。

プライバシー

すべての処理は100%ブラウザ内で実行されます。データはサーバーに送信されません。