Ücretsiz Çevrimiçi Araç Javascript Minify

Javascript Küçültme Aracı

Javascript'i küçültmek, yazdığınız güzel, iyi biçimlendirilmiş JS kodunu alır ve boşlukları, girintileri, yeni satırları ve yorumları kaldırır. Javascript'in başarılı bir şekilde çalışması için bunlar gerekli değildir. Ayrıca, kaynağı görüntülerken Javascript'in okunmasını zorlaştırır.

Pek çok geliştirici, 'güzel' bir sürümü sürdürecek ve projelerinin dağıtılması üzerine komut dosyalarını bir küçültme programı aracılığıyla çalıştıracaktır. Ayrıca, çoğu betik dosyalarını tek bir dosyada birleştirir.

Javascript Minifier'ı neden kullanmalıyım?

Küçültmenin amacı, bir web sitesinin hızını artırmaktır. Küçültme, bir betiği %20'ye kadar küçülterek daha hızlı indirme süresi sağlayabilir. Bazı geliştiriciler ayrıca kodlarını 'gizlemek' için kullanacaklardır. Bu, kodun okunmasını zorlaştırarak tersine mühendislik veya kopyalamayı zorlaştırır.

Tek bir web sitesi için tüm Javascript dosyalarını tek bir dosyada birleştirmek de yaygın bir uygulamadır. Bunun bir takım faydaları vardır. Bir web sitesinin tüm öğelerini almak için yapılması gereken HTTP isteği sayısını azaltır. Ayrıca küçültme ve gzip sıkıştırmayı daha etkili hale getirir.

Javascript Küçültme Örneği

Güzelleştirilmiş 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);
}

Bu küçültülmüş hale gelir:

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