JS/CSS Küçültücü

Ücretsiz

JavaScript veya CSS'i boşlukları ve yorumları kaldırarak küçültür; JavaScript için isteğe bağlı değişken adı kısaltma ve öncesi/sonrası boyut istatistikleri sunar.

Girdi

Değişken adlarını kısalt (mangle)

Küçültülmüş çıktı

Bu araç hakkında

JavaScript veya CSS dosya boyutunu küçültmek için boşlukları, yorumları ve gereksiz karakterleri kaldırır.
Biçimlendirme yapmaz. Okunabilir, girintili çıktı için özel bir biçimlendirici kullanın.

Son Etkinlik

Herkese açık. Tüm ziyaretçilerin son 20 kullanımı, en yeniden en eskiye.

Minified 113 characters of CSS

19 saat önce

Minified 127 characters of JavaScript

19 saat önce

Minified 127 characters of JavaScript

19 saat önce

Yorumlar (0)

Bu aracı faydalı mı buldunuz? Bir yorum bırakın, bir ipucu paylaşın veya nasıl daha iyi hale getirebileceğimizi söyleyin.

Henüz yorum yok - düşüncelerinizi paylaşan ilk kişi olun!

Bu araç ne işe yarar

Okunabilir JavaScript veya CSS yapıştırın; bu araç boşlukları, yorumları kaldırarak ve (JavaScript için isteğe bağlı olarak) yerel değişken adlarını kısaltarak kodu küçültsün, aynı davranışa sahip daha küçük bir dosya üretsin.

Nasıl Çalışır

Araç, kodunuzu JavaScript için açık kaynaklı terser motorunu, CSS için clean-css'i kullanarak soyut bir sözdizimi ağacına ayrıştırır, sonra bu ağaçtan en kompakt eşdeğer kaynağı yeniden oluşturur: yorumları ve gereksiz boşlukları kaldırır, güvenli olduğunda sayısal ve renk değerlerini kısaltır ve mangle etkinleştirilmiş JavaScript için yerel kapsamdaki tanımlayıcıları mevcut en kısa adlara yeniden adlandırır. Dönüşüm ham metin üzerinde değil ayrıştırılmış yapı üzerinde çalıştığından, sonuçtaki kod orijinaliyle aynı şekilde davranır.

Hangi sorunları çözer

Sayfa yükleme hızını artırmak için, özellikle derleme hattı olmayan manuel bir dağıtımdan önce JavaScript veya CSS dosya boyutunu küçültmek.
Tam bir derleme aracı kurmadan tek bir betik veya stil dosyasından hızlıca üretime hazır bir paket oluşturmak.
Tam öncesi/sonrası boyut karşılaştırmasıyla bir dosyanın tam olarak ne kadar küçüldüğünü görmek.

Sık sorulan sorular

›Bu araç kodu ayrıca biçimlendiriyor veya güzelleştiriyor mu?

Hayır, bu araç sadece boşlukları ve yorumları kaldırarak kodu küçültür (minify). Bunun yerine okunabilir, düzgün girintili koda ihtiyacınız varsa özel bir biçimlendirici araç kullanın.

›JavaScript için "mangle" ne anlama gelir?

Mangle işlemi, güvenli olduğu her yerde yerel değişkenleri ve fonksiyon parametrelerini "a" veya "b" gibi kısa adlara yeniden adlandırır; bu, sadece boşlukları kaldırmanın ötesinde ek bayt tasarrufu sağlar. Küresel olarak erişilebilen adları asla yeniden adlandırmaz, bu yüzden belirli küresel tanımlayıcılara bağlı kodu bozmaz.

›Küçültülmüş kod üretimde kullanmak için güvenli mi?

Evet, küçültme işlemi yalnızca boşlukları, yorumları ve (isteğe bağlı olarak) yerel değişken adlarını değiştirir. Kodun mantığı ve davranışı tam olarak korunur; bu nedenle küçültülmüş JavaScript ve CSS, üretim web sitelerinde standart bir uygulamadır.

›Küçültme işlemi neden bir hatayla başarısız oldu?

Küçültücüler geçerli, ayrıştırılabilir JavaScript veya CSS'e gerek duyar. Girdinizde bir sözdizimi hatası varsa, küçültücü bunun doğru bir iç temsilini oluşturamaz. Tam sorunu bulmak için kodu bir linter'da veya tarayıcı konsolunda kontrol edin, düzeltin ve yeniden deneyin.

›Kodumun küçültülmemiş bir kopyasını tutmalı mıyım?

Evet. Düzenlediğiniz ve sürdürdüğünüz sürüm olarak her zaman orijinal, okunabilir kaynak kodunuzu saklayın ve küçültülmüş sürümü bir derleme adımı olarak oluşturun. Küçültülmüş çıktıyı elle düzenlenecek bir dosya değil, kullan-at bir ürün olarak değerlendirin.

Markdown'ı kaynağın yanında canlı, temizlenmiş HTML olarak işler; oluşturulan HTML'i görüntüleme ve kopyalama geçişi sunar.