JavaScript Küçültücü ne işe yarar
Bu araç JavaScript’inizdeki ölü ağırlığı atar, böylece dosya daha hızlı indirilir. Kodunuzu yapıştırın; blok yorumlarını kaldırır, fazla boşluk ve sekmeleri daraltır, her satırı kırpar ve boş satırları siler. Her şeyi tek satıra ezmek yerine satır sonlarınızı korur ki bu da otomatik noktalı virgül eklemeyi güvende tutar ve betiğinizin çalışmaya devam etmesini sağlar.
Hızlı bir betik yayına alan ön yüz geliştiricileri, sayfa hızını ayarlayan herkes ya da projeye yapıştırmak için sadece daha küçük bir dosya isteyen öğrenciler için kullanışlıdır. Bunu tam bir derleyici değil, hızlı bir temizlik geçişi olarak düşünün. Terser ya da UglifyJS gibi değişkenleri yeniden adlandırmaz veya mantığı yeniden yazmaz, bu yüzden öngörülebilir ve gözle taraması kolaydır.
Nasıl kullanılır
- JavaScript’inizi sayfanın üstündeki giriş kutusuna yapıştırın ya da yazın.
- Küçültülmüş sürüm siz yazdıkça anında çıktı kutusunda belirir. Aranacak bir düğme yoktur.
- Sonucu kontrol edin, sonra temizlenmiş kodu almak için Kopyala’ya tıklayın.
- Dosyanıza, paketinize ya da
<script>etiketinize yapıştırın.
Neden burada küçültmeli
Her şey tarayıcınızın içinde olur. Kodunuz asla yüklenmez, dolayısıyla özel ya da yayınlanmamış betikler makinenizde kalır. Ücretsizdir, hesap gerektirmez ve sunucu beklemeden anında çalışır.
Çıktı satır yapısını koruduğu için, hiçbir şeyin bozulmadığını doğrulamak isterseniz göz gezdirecek kadar okunaklıdır. Daha küçük dosyalar, hatta daha az bayt ve yavaş bağlantıdaki ziyaretçiler için daha hızlı bir ilk boyama demektir. Diğer geliştirici araçları için geliştirici araçları bölümüne göz atabilirsiniz.
Kısa bir ipucu
Değişken yeniden adlandırma ve agresif boyut kesintisi istediğiniz üretim derlemeleri için bunu esbuild ya da Terser gibi tam bir paketleyiciyle eşleştirin. Bu küçültücü tek seferlik parçacıklar, satır içi betikler ve hızlı elle küçültme için biçilmiş kaftandır. Düzenli olarak tüm dosya klasörlerini işliyorsanız, aynı ekibin masaüstü uygulaması BulkPro toplu işleri halleder.
Sıkça sorulan sorular
- Bu JavaScript küçültücü, Terser ya da UglifyJS gibi değişkenleri yeniden adlandırıyor mu?
- Hayır. Blok yorumlarını, fazla boşlukları, sekmeleri ve boş satırları kaldırır ama değişkenleri yeniden adlandırmaz ya da kodunuzu yeniden yazmaz. Bu da çıktıyı öngörülebilir ve okunması kolay tutar. Değişken karıştırma ve maksimum sıkıştırma için yanında esbuild ya da Terser gibi tam bir paketleyici kullanın.
- Küçültme, eksik noktalı virgüller yüzünden kodumu bozar mı?
- Hayır. Araç her şeyi tek satıra toplamak yerine satır sonlarını korur, dolayısıyla JavaScript'in otomatik noktalı virgül ekleme özelliği doğru çalışmaya devam eder. Betiğiniz eskisi gibi çalışır, sadece daha az boşluk ve hiç yorum olmadan.
- JavaScript'im bir yere yükleniyor mu?
- Hayır. Tüm küçültme tarayıcınızda yerel olarak çalışır. Kodunuz cihazınızdan çıkmaz ki bu da özel ya da yayınlanmamış betikler için güvenli kılar. Sunucuya gidiş dönüş yoktur ve hesap gerekmez.
- Dosyam ne kadar küçülür?
- Bu, kodunuzdaki yorum ve girinti miktarına bağlıdır. Yoğun yorumlu ya da derin girintili dosyalar en çok küçülür, zaten derli toplu kod ise daha az düşer. Çıktı canlı güncellendiği için farkı anında görürsünüz.