無料のオンライン ツール Javascript Minify

Input data
bfotool loadding
Output data
bfotool loadding

JavaScript 縮小ツール

Javascript を縮小すると、作成した美しく整った JS コードが取得され、スペース、インデント、改行、コメントが削除されます。これらは、JavaScript が正常に実行されるためには必要ありません。また、ソースを表示するときに JavaScript が読みにくくなります。

多くの開発者は「きれいな」バージョンを維持し、プロジェクトの展開時に縮小プログラムを通じてスクリプトを実行します。また、多くのスクリプト ファイルを 1 つのファイルに結合することもよくあります。

Javascript Minifier を使用する理由

ミニ化の目的は、Web サイトの速度を上げることです。最小化によりスクリプトが最大 20% 小さくなり、ダウンロード時間が短縮されます。開発者の中には、コードを「難読化」するためにこれを使用する人もいます。これにより、コードが読みにくくなり、リバース エンジニアリングやコピーがより困難になります。

1 つの Web サイトのすべての Javascript ファイルを 1 つのファイルに結合することも一般的です。これには多くの利点があります。これにより、Web サイトのすべての要素を取得するために必要な HTTP リクエストの数が削減されます。また、縮小化と gzip 圧縮もより効果的になります。

Javascript の縮小例

美しくされたJavaScript:

var a = document.createElement('a');
mimeType = mimeType || 'application/octet-stream';
if (navigator.msSaveBlob) {
    navigator.msSaveBlob(new Blob([content], {
        type: mimeType
    }), fileName);
} else if (URL && 'download' in a) {
    a.href = URL.createObjectURL(new Blob([content], {
        type: mimeType
    }));
    a.setAttribute('download', fileName);
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
} else {
    location.href = 'data:application/octet-stream,' + encodeURIComponent(content);
}

これが縮小化されます:

var a=document.createElement('a');mimeType=mimeType||'application/octet-stream';if(navigator.msSaveBlob){navigator.msSaveBlob(new Blob([content],{type:mimeType}),fileName);}else if(URL&&'download'in a){a.href=URL.createObjectURL(new Blob([content],{type:mimeType}));a.setAttribute('download',fileName);document.body.appendChild(a);a.click();document.body.removeChild(a);}else{location.href='data:application/octet-stream,'+encodeURIComponent(content);}