İçeriğe atla
SPCXTools

JavaScript Küçültücü

JavaScript kodunuzu Terser ile sıkıştırın — aynı işlev, daha küçük dosya boyutu.

Yerel çalışır — dosyalarınız cihazınızdan dışarı çıkmaz

Araç yükleniyor…

JavaScript Küçültücü nasıl kullanılır

  1. 1JavaScript kodunuzu Girdi kutusuna yapıştırın veya Örnek butonuna tıklayın.
  2. 2Küçültülmüş kod sağ tarafta otomatik olarak görünür.
  3. 3Değişken adlarını kısaltma ve lisans yorumlarını koruma seçeneklerini belirleyin.
  4. 4Sonucu kopyalayın veya minified.js olarak indirin.

JavaScript kodunuzu küçültün

JavaScript genellikle bir web sayfasının en ağır kısmıdır ve sayfanın etkileşimli hale gelmesi için her bir kilobaytın indirilmesi, ayrıştırılması ve çalıştırılması gerekir. Kodu küçültmek (minify), boyutunu yarı yarıya veya daha fazla azaltabilir. Bu araç, boşlukları ve yorumları kaldırmak, isimleri kısaltmak ve güvenli kod sıkıştırmaları uygulamak için çoğu modern derleme (build) aracının arkasındaki küçültücü olan Terser'ı kullanır — üstelik doğrudan tarayıcınızda çalışır.

Özellikler

  • Modern ES2015+ destekli Terser motoru.
  • Sıkıştırma: Kullanılmayan kodları temizleme, sabit katlama (constant folding) ve daha kısa sözdizimi.
  • Yerel değişkenler için isim karmaşıklaştırma (isteğe bağlı).
  • İsteğe bağlı olarak lisans yorumlarını koruma.
  • Bayt ve yüzde cinsinden boyut karşılaştırması.
  • Gizlilik: Kodunuz yerel olarak işlenir.

Tipik boyut tasarrufu

Kod Tipik küçülme oranı
İyi yorumlanmış uygulama kodu %50–70
Kütüphane kaynak kodu %40–60
Zaten sıkı yazılmış kod %15–30
Zaten küçültülmüş kod %0–5

Küçültülmüş dosyaları gzip veya Brotli sıkıştırmasıyla sunmak, aktarım boyutunu genellikle %60–75 oranında daha azaltır.

İpuçları

  • Orijinal kaynak kodunuzu saklayın — küçültülmüş kodu okumak ve hata ayıklamak zordur. Canlıdaki (production) kodda hata ayıklamak için derleme sürecinizde kaynak haritaları (source maps) kullanın.
  • Canlı ortam için küçültme işlemini bir derleme adımı olarak yapın; bu araç tek seferlik betikler, kod parçacıkları, yer imi betikleri (bookmarklet) ve paketleyici (bundler) kullanmayan projeler için idealdir.
  • Özellikle fonksiyon isimlerine veya eval kullanımına dayanan kodları küçültme işleminden sonra test edin.

İlgili araçlar

Stil dosyalarını CSS Küçültücü ile küçültün, verileri JSON Biçimlendirici ile biçimlendirin veya betikleri gömmek üzere Base64 ile kodlayın.

Sıkça sorulan sorular

JavaScript küçültücü ne işe yarar?
Kodun işlevini değiştirmeden boşlukları ve yorumları temizler, yerel değişken ve fonksiyon adlarını kısaltır (mangling) ve kodu daha kısa eşdeğerleriyle yeniden yazar (örneğin ulaşılamayan kodları silerek ve ifadeleri basitleştirerek).
Hangi JavaScript sözdizimleri destekleniyor?
Terser; arrow functions, sınıflar, modüller, async/await ve optional chaining dahil modern JavaScript'i (ES2015 ve sonrası) destekler. TypeScript ve JSX'in öncelikle JavaScript'e derlenmesi gerekir.
Değişken adlarını kısaltmak güvenli mi?
Terser sadece yerel değişkenleri ve fonksiyonları yeniden adlandırır; global değişkenlere veya nesne özelliklerine asla dokunmaz, böylece çalışan kodunuz bozulmaz. Kodunuz çalışma zamanında fonksiyon adlarına ihtiyaç duyuyorsa (örneğin fn.name), isim kısaltma özelliğini kapatın.
Neden sözdizimi (syntax) hatası alıyorum?
Küçültücü öncelikle kodunuzu ayrıştırmalıdır (parse). Hatalar genellikle eksik bir parantez/tırnak işaretinden veya TypeScript tip tanımlamaları ya da JSX gibi JavaScript olmayan bir sözdiziminden kaynaklanır. Hata mesajı sorunun ne olduğunu gösterecektir.
Kodum sunucuya yükleniyor mu?
Hayır. Terser doğrudan tarayıcınızda çalışır, bu nedenle özel kodlarınız asla cihazınızın dışına çıkmaz.

İlgili araçlar

CSS KüçültücüStil dosyalarınızı küçültün — boşlukları, yorumları ve gereksiz kuralları temizleyin — ve ne kadar tasarruf ettiğinizi görün.JSON Formatlayıcı ve DoğrulayıcıNet hata konumlarıyla JSON'ı anında güzelleştirin, küçültün ve doğrulayın.HTML Encode / DecodeMetni güvenli HTML karakterlerine dönüştürün — veya bu karakterleri tekrar okunabilir metne çevirin.Base64 Kodlama ve ÇözmeTam UTF-8 ve Base64URL desteğiyle metin ve dosyaları Base64'e dönüştürün veya geri çözün.Base64'ten ResmeBase64 dizelerini ve Data URI'lerini tarayıcınızda anında görüntülenebilir ve indirilebilir görsellere dönüştürün.Chmod HesaplayıcıOnay kutuları, 755 gibi oktal sayılar ve rwxr-xr-x gibi sembolik izinler arasında dönüştürme yapın.