İçeriğe geç
Utilerio

JavaScript Küçültme

Üretim build araçlarının kullandığı aynı motorla JavaScript'i küçültüp dosya boyutunu azaltın.

Çıkış

Sonuç burada görünecek.

Bu araç işinize yaradı mı?

Bu araç hakkında

JavaScript'i küçültmek, kodun ne yaptığını değiştirmeden bir ayrıştırıcının ihtiyaç duymadığı her şeyi — yorumlar, boşluklar, gereksiz sözdizimi — kaldırır. Bu, tarayıcıya gönderilen her şey için önemlidir: sayfa etkileşimli hale gelmeden önce indirilen her bayt.

Bu araç, çoğu production JavaScript bundler'ının arkasındaki küçültücü olan Terser'ı tamamen tarayıcınızda çalıştırır — bu yüzden naif bir regex tabanlı boşluk kaldırıcı değil, bir build aracının uygulayacağı gerçek optimizasyonları uygular.

Nasıl kullanılır

  1. JavaScript yapıştırın — tek bir fonksiyon, tüm bir dosya veya bir bundle.
  2. Küçült'e basın. Değişken ve fonksiyon adları dokunulmadan kalır (bu boyut küçültmedir, obfuscation değil), böylece çıktı, bir gün okumanız gerekirse hâlâ debug edilebilir kalır.
  3. Sonucu kopyalayın veya istatistik satırında öncesi/sonrası boyutu kontrol edin.

Örnekler

Küçük bir fonksiyon

function add(a, b) {
  // toplamı döner
  return a + b;
}
function add(a,b){return a+b}

Sık karşılaşılan sorunlar

Küçültme, tarayıcımda sorunsuz çalışan bir kod için syntax hatası veriyor.
Terser standart ECMAScript'i ayrıştırır; framework'e özel sözdizimi (JSX, TypeScript tipleri) önce düz JavaScript'e derlenmeli — kaynak dosyayı değil, derlenmiş çıktıyı yapıştırın.

Sıkça sorulan sorular

İlgili araçlar

Geliştirici Araçları

CSS Küçültme

Dosya boyutunu azaltmak için CSS'den boşlukları ve yorumları kaldırın.

Geliştirici Araçları

JSON Küçültme

JSON'dan boşlukları kaldırarak mümkün olan en küçük boyutu elde edin.

Geliştirici Araçları

HTML Kodlayıcı / Çözücü

Özel karakterleri HTML entity olarak kodlayın ve geri çözün.