무료 온라인 도구 Javascript 축소

자바스크립트 축소 도구

Javascript 축소는 여러분이 작성한 예쁘고 잘 구성된 JS 코드를 사용하여 공백, 들여쓰기, 줄 바꿈 및 주석을 제거합니다. Javascript가 성공적으로 실행되는 데는 이러한 것이 필요하지 않습니다. 또한 소스를 볼 때 Javascript를 읽기 어렵게 만듭니다.

많은 개발자가 '예쁜' 버전을 유지하고 프로젝트 배포 시 축소 프로그램을 통해 스크립트를 실행합니다. 그들은 또한 종종 많은 스크립트 파일을 단일 파일로 결합합니다.

Javascript Minifier를 사용하는 이유는 무엇입니까?

minifcation의 목적은 웹 사이트의 속도를 높이는 것입니다. 최소화하면 스크립트를 최대 20% 더 작게 만들 수 있으므로 다운로드 시간이 더 빨라집니다. 일부 개발자는 이를 사용하여 코드를 '난독화'하기도 합니다. 이로 인해 코드를 읽기가 어려워 리버스 엔지니어링이나 복사가 더 어려워집니다.

단일 웹 사이트에 대한 모든 Javascript 파일을 하나의 파일로 결합하는 것도 일반적입니다. 여기에는 여러 가지 이점이 있습니다. 웹 사이트의 모든 요소를 ​​가져오는 데 필요한 HTTP 요청 수를 줄입니다. 또한 축소 및 gzip 압축을 보다 효과적으로 만듭니다.

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);}