JavaScript Minify Aracı- Ücretsiz Çevrimiçi JS Minifier ve Sıkıştırıcı

Javascript Küçültücü 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. Bunlar Javascript'in başarılı bir şekilde çalışması için gerekli değildir. Ayrıca, kaynağı görüntülerken Javascript'in okunmasını daha zor hale getirir.

Birçok geliştirici 'güzel' bir sürüm sürdürecek ve projelerinin dağıtımı sırasında betiklerini bir minifikasyon programından geçirecektir. Ayrıca sıklıkla birçok betik dosyasını tek bir dosyada birleştirirler.

Javascript Minifier'ı neden kullanmalısınız?

Küçültmenin amacı bir web sitesinin hızını artırmaktır. Küçültme, bir betiği %20'ye kadar küçültebilir ve bu da daha hızlı bir indirme süresiyle sonuçlanır. Bazı geliştiriciler bunu kodlarını 'karartmak' için de kullanır. Bu, kodun okunmasını zorlaştırır ve dolayısıyla tersine mühendislik yapmayı veya kopyalamayı daha zor hale getirir.

Ayrıca, tek bir web sitesi için tüm Javascript dosyalarını tek bir dosyada birleştirmek yaygın bir uygulamadır. Bunun birçok faydası 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 Minify Ö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 şekilde küçültülmüş olur:

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