Javascript 縮小ツール
Javascriptを縮小すると、書き込まれた整形式のJavaScriptコードから、スペース、インデント、改行、コメントが削除されます。これらはJavascriptの実行に必要ありません。また、ソースコードを表示した際に、Javascriptが読みにくくなります。
多くの開発者は「きれいな」バージョンを維持し、プロジェクトのデプロイ時にスクリプトを縮小プログラムで実行します。また、多数のスクリプトファイルを1つのファイルにまとめることもよくあります。
Javascript Minifier を使用する理由は何ですか?
ミニファイの目的は、ウェブサイトの速度を向上させることです。ミニファイによりスクリプトのサイズが最大20%縮小され、ダウンロード時間が短縮されます。また、開発者の中には、コードを「難読化」するためにミニファイを利用する人もいます。これによりコードの解読が困難になり、リバースエンジニアリングやコピーが困難になります。
単一のウェブサイトのすべてのJavaScriptファイルを1つのファイルにまとめることも一般的です。これには多くの利点があります。ウェブサイトのすべての要素を取得するために必要な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);}