JavaScript Küçültücü
JavaScript kodunu küçültün ve sıkıştırın
Girdi JavaScript
Yorumları ve debugger ifadelerini kaldırır, konsol günlüklerini korur.
Tarayıcınızda çalışır. Kodunuz bu cihazda kalır.
Hatalar ve uyarılar
JavaScript küçültme ipuçları
- Küçültülmüş JavaScript'i yayına almadan önce test edin.
- Hata ayıklama için orijinal kaynak dosyalarını saklayın.
- Kodunuz işlev veya sınıf adlarına dayanıyorsa ad kısaltmayı dikkatli kullanın.
- Küçültmeyi gzip veya Brotli sıkıştırmasıyla birlikte kullanın.
- Üretimde küçültmeyi otomatikleştirmek için derleme araçlarını kullanın.
Küçültülmüş JavaScript
Sıkıştırma sonuçları
- Özgün boyut
- —
- Küçültülmüş boyut
- —
- Kazanılan bayt
- —
- Sıkıştırma
- —
- Satır
- —
Öncesi ve sonrası
Önce
—
Sonra
—
JavaScript Küçültücü aracı hakkında
Ücretsiz çevrimiçi JavaScript Küçültücü aracımız, mümkün olan en küçük çıktıyı üretmek için boşlukları, yorumları ve gereksiz karakterleri kaldırarak JS kodunuzu sıkıştırır. Sektör standardı JavaScript sıkıştırma motoru Terser ile çalışan bu araç, ok fonksiyonları, şablon dizgeleri, sınıflar, parçalayarak atama ve daha fazlasını içeren modern ES6+ sözdizimini destekler.
İhtiyaçlarınıza uygun üç küçültme seviyesinden birini seçin. Güvenli ön ayarı tüm yorumları ve değişken adlarını korur. Önerilen ön ayarı, konsol günlüklerini korurken yorumları ve debugger ifadelerini kaldırır. Bu Agresif ön ayar, dosya boyutunu en fazla azaltmak için tüm adların kısaltılmasını, ölü kodun elenmesini ve konsol günlüklerinin kaldırılmasını etkinleştirir.
Tüm işlemler Terser kütüphanesiyle doğrudan tarayıcınızda çalışır; JavaScript kodunuz hiçbir sunucuya yüklenmez. Araç, özgün boyutu, küçültülmüş boyutu, kazanılan baytları, sıkıştırma yüzdesini ve satır sayısındaki azalmayı gösteren ayrıntılı sıkıştırma istatistikleri sunar. Kodunuzu yapıştırın, bir ön ayar seçin ve anında optimize edilmiş JavaScript elde edin.
Temel özellikler
- Tam ES6+ JavaScript sözdizimi desteğiyle Terser tabanlı küçültme
- Üç küçültme ön ayarı: Güvenli, Önerilen ve Agresif sıkıştırma düzeyleri
- Ulaşılamayan kod yollarını kaldırmak için ölü kod eleme
- İsteğe bağlı console.log ve debugger ifadesi kaldırma
- En yüksek sıkıştırma için Agresif modda değişken adlarını kısaltma
- Yazarken kısa gecikmeyle işlenen, gerçek zamanlı otomatik küçültme
- Ayrıntılı sıkıştırma istatistikleri: özgün boyut, küçültülmüş boyut, kazanılan baytlar, oran ve satır sayısı
- Köşeli ayraç ve parantez eşleştirmeli yerleşik sözdizimi doğrulama
- Mevcut betikleri işlemek için JavaScript dosyası yükleme (.js) desteği
- Tek tıklamayla panoya kopyalama ve .js dosyası olarak indirme
JavaScript Küçültücü nasıl kullanılır?
- Küçültme seviyesini seçin: Temel sıkıştırma için Güvenli, dengeli optimizasyon için Önerilen veya ad kısaltmayla dosya boyutunu en fazla azaltmak için Agresif seçeneğini seçin.
- JavaScript kodunuzu girin: JS kodunuzu metin alanına yapıştırın, bir .js dosyası yükleyin veya bir gösterim denemek için Örnek yükle düğmesine tıklayın.
- İşlemin tamamlanmasını bekleyin: Araç, kısa bir gecikmenin ardından kodunuzu otomatik olarak küçültür ve derleme sırasında bir işlem göstergesi gösterir.
- Sıkıştırma sonuçlarını inceleyin: Özgün ve küçültülmüş boyutlar, kazanılan baytlar ve satır sayısı dahil dosya boyutunun ne kadar azaldığını görmek için istatistik panelini kontrol edin.
- Kopyalayın veya indirin: Küçültülmüş JavaScript kodunu panonuza kopyalamak için Kopyala düğmesine, .js dosyası olarak kaydetmek için İndir düğmesine tıklayın.
Kullanım alanları
- Üretim ortamına dağıtım: Dosya boyutlarını azaltmak ve sayfa yükleme hızını artırmak için dağıtımdan önce JavaScript kodunu küçültün.
- Performans optimizasyonu: Core Web Vitals, etkileşime hazır olma süresi ve ilk içerikli boyama ölçümlerini iyileştirmek için betikleri sıkıştırın.
- Bant genişliği azaltma: Daha küçük JS dosyaları, özellikle yoğun trafikli web sitelerinde barındırma maliyetlerini ve veri aktarımını azaltır.
- Mobil optimizasyon: Sıkıştırılmış JavaScript mobil ağlarda daha hızlı yüklenerek mobil kullanıcıların deneyimini iyileştirir.
- Hızlı, tek seferlik küçültme: Derleme süreciniz dışında hızlı bir optimizasyona ihtiyaç duyduğunuzda tek tek betikleri küçültün.
- Kod inceleme ve analiz: Kod tabanınızın ne kadar optimizasyon potansiyeli taşıdığını değerlendirmek için sıkıştırma istatistiklerini kullanın.
- Öğrenme ve deneme: Farklı ön ayar seviyelerindeki önceki ve sonraki çıktıları karşılaştırarak küçültmenin nasıl çalıştığını anlayın.
Sıkça sorulan sorular
Bu araç ücretsiz mi?
Evet, JavaScript Küçültücü tamamen ücretsizdir; dosya boyutu veya küçültme sayısında sınır yoktur. Kayıt veya hesap gerekmez.
Verilerim güvende mi?
Tüm küçültme işlemleri Terser kütüphanesiyle doğrudan tarayıcınızda gerçekleşir. JavaScript kodunuz hiçbir sunucuya gönderilmez; böylece kaynak kodunuzun gizliliği ve güvenliği tamamen korunur.
Güvenli, Önerilen ve Agresif modları arasındaki fark nedir?
Güvenli mod, tüm yorumları, konsol günlüklerini ve değişken adlarını koruyarak temel sıkıştırma yapar. Önerilen, yorumları ve debugger ifadelerini kaldırır. Agresif, en küçük çıktı için ad kısaltmayı, konsol çıktılarının kaldırılmasını, ölü kod elemeyi ve çok geçişli optimizasyonu etkinleştirir.
Ad kısaltma kodumu bozar mı?
Ad kısaltma, yerel değişkenleri daha kısa adlarla yeniden adlandırır ve çoğu kod için güvenlidir. Ancak kodunuz çalışma zamanında fonksiyon veya değişken adlarına dayanıyorsa (örneğin eval veya yansıma yoluyla) sorunlara neden olabilir. Agresif modu kullandıktan sonra her zaman kapsamlı test yapın.
TypeScript veya JSX destekleniyor mu?
Bu araç standart JavaScript (ES6+) işler. TypeScript ve JSX, küçültmeden önce düz JavaScript olarak derlenmelidir. Dönüştürmek için TypeScript derleyicinizi veya Babel kullanın, ardından çıktıyı buraya yapıştırın.
İpuçları ve en iyi uygulamalar
- Kaynak dosyaları her zaman saklayın: Özgün, küçültülmemiş JavaScript kodunuzu sürüm kontrolünde saklayın ve yalnızca üretim derlemeleri için küçültün.
- Kaynak haritaları oluşturun: Küçültülmüş kodun hatalarını tarayıcı geliştirici araçlarında ayıklamak için derleme sürecinizde kaynak haritaları kullanın.
- Küçültmeden sonra test edin: Özellikle ad kısaltmalı Agresif modu kullanırken test paketini her zaman küçültülmüş kod üzerinde çalıştırın.
- Sunucu sıkıştırmasıyla birleştirin: Dosya boyutunu en fazla azaltmak için JavaScript küçültmeyi web sunucunuzda gzip veya Brotli sıkıştırmasıyla birlikte kullanın.
- Önerilen ile başlayın: Önerilen hazır ayar, çoğu proje için güvenlik ve sıkıştırma arasında en iyi dengeyi sunar.
- Üretimde konsol günlüklerini kaldırın: Üretim kodunda bulunmaması gereken console.log ifadelerini otomatik kaldırmak için Agresif modu kullanın.