完全無料
JavaScript を ミニファイ
ブラウザで瞬時にJavaScriptコードをミニファイ・圧縮。コメント削除、空白の圧縮、ファイルサイズ削減。無料でプライベート。
JSファイルをここにドラッグ＆ドロップ
.jsファイルに対応。または上でJavaScriptをペーストしてください。
または
ブラウザで瞬時にJavaScriptコードをミニファイ・圧縮。コメント削除、空白の圧縮、ファイルサイズ削減。無料でプライベート。
.jsファイルに対応。または上でJavaScriptをペーストしてください。
JavaScript の縮小化は、不要な文字を削除し、(適切な縮小化子を使用して) ローカル変数の名前を短い名前に変更することにより、ソース コードのサイズを削減します。最初のカテゴリである空白とコメントの削除は簡単でリスクがありません。 2 番目の変数の名前変更では、スコープ ルールを理解する必要があり、Terser や esbuild などの実稼働ミニファイアーが最も得意とするものです。
このツールは安全な縮小化に重点を置いており、コメントの削除、空白の縮小、冗長なセミコロンの削除、明らかなパターンの短縮を行います。変数の名前変更は保守的です。明確なスコープ内のローカル変数のみが変更され、外部参照名はそのまま残されます。結果は機能的にはソースと同じです。
実稼働グレードの縮小では、専用ツール (Terser、esbuild、swc) が完全な ECMAScript スコープ モデルを理解し、大幅に小さい出力を生成します。このツールは、完全なビルド セットアップが利用できない場合にブラウザ側で迅速に縮小するためのものです。
通常、JavaScript バンドルは、最新の Web ページ上で最大の単一リソースです。縮小すると、縮小されていないソースと比較して、通常、サイズが 30 ～ 60% 削減されます。 gzip または Brotli と組み合わせると、削減量は多少縮小しますが、特に低速接続のユーザーにとっては、それでもなお測定可能なバイト数が節約されます。
JavaScript の高速化は、インタラクティブ化までの時間の短縮も意味します。スクリプトが小さいほど、ダウンロードが速くなり、解析が速くなり、実行も速くなります。 TTI が直帰率や SEO ランキングに影響を与えるサイトの場合、縮小化は最も低コストで効果を発揮する方法の 1 つです。
JavaScript を貼り付けて、小さいバージョンを取得します。
ミニファイアは、ECMAScript 構文を尊重するパーサーを使用して JavaScript をトークン化します。 /*! でマークされたライセンス コメントを除き、コメント (単一行および複数行) が削除されます。接頭語。構文上必要な場所 (識別子の間、キーワードの後) を除いて、空白は折りたたまれます。
保守的な変数の名前変更により、単純なスコープ内のローカル変数が短縮されます。グローバル、エクスポート、およびインポートされた名前は名前変更されません。これにより、外部参照が壊れます。名前を大幅に変更するには、適切なモジュール認識分析を備えた Terser または esbuild を使用します。
エッジケース: 自動セミコロン挿入 (ASI) は、プログラムの動作の変更を避けるために、ミニファイアーが一部のコンテキストで改行を保持する必要があることを意味します。テンプレート リテラル、正規表現リテラル、および JSX (入力に含まれる場合) は、その内容が圧縮すると安全ではない可能性があるため、そのまま保持されます。