CSS / JS Küçültücü
Yorumları ve boşlukları kaldırıp küçültmek için bir stil dosyası ya da betik yapıştır. Önceki ve sonraki boyutu görürsün; söz dizimi hataları satır ve sütun numarasıyla gösterilir.
GİRDİ
ÇIKTI
Tamamen tarayıcında çalışır. Girdiğin hiçbir şey sunucuya gönderilmez.
CSS ya da JavaScript nasıl küçültülür?
CSS ya da JavaScript seç
Dili seç ya da bir .css veya .js dosyası aç; dil senin için seçilir.
Kodu yapıştır
Küçültülmüş kod ve kazanılan boyut sen yazdıkça görünür. Mesajın gösterdiği hataları düzelt.
Kopyala ya da indir
Sonucu kopyala ya da .min.css veya .min.js dosyası olarak indir.
Neler kaldırılır?
CSS için: yorumlar, fazla boşluklar, her bloktaki son noktalı virgül ve boş kurallar. Sayılar gereksiz sıfırlarını kaybeder (0.50, .5 olur) ve #FFFFFF gibi renkler #fff olur. Seçiciler ve iç içe yapılar korunur; özel özellik (custom property) değerlerinden yalnızca fazla boşluklar atılır. JavaScript, açık kaynaklı Terser kütüphanesiyle sıkıştırılır; izin verirsen yerel değişken adlarını da kısaltır.
Okunur bir orijinal sakla
Küçültülmüş kod düzenlemek için değil, yayına almak içindir. Orijinali projende tut ve bir kopyasını küçült; ideal olarak build sürecinin bir parçası olarak. /*! ile başlayan yorumlar telif hakkı notlarıdır ve bunu kapatmadıkça korunur.
Sık sorulan sorular
Küçültme kodumu bozabilir mi?
CSS küçültücü yalnızca stillerin nasıl uygulandığını değiştiremeyecek şeyleri kaldırır. Terser build araçlarında yaygın olarak kullanılır; ancak fonksiyon adlarına ya da kendi kaynak kodunu okumaya dayanan kod, adlar kısaltıldığında farklı davranabilir. Emin değilsen Değişken adlarını kısalt seçeneğini kapat.
Modern JavaScript'i destekliyor mu?
Evet. Sınıflar, isteğe bağlı zincirleme (optional chaining), async fonksiyonlar ve import ile export kullanan modüller desteklenir. En üst düzeyde await içeren kod modül olarak küçültülür.
Kodum yükleniyor mu?
Hayır. İki küçültücü de tarayıcında çalışır. JavaScript küçültücü, JavaScript'i ilk kez küçülttüğünde indirilir.