CSS & JavaScript Küçültücü
Kod türünü seçin ve küçültmek için kodunuzu yapıştırın.
📝 Giriş Kodu
✨ Küçültülmüş Çıktı
CSS ve JS Küçültücü Hakkında
Küçültme (minify), tarayıcının kodu çalıştırmak için ihtiyaç duymadığı her şeyi kaldırır — yorumlar, girintiler, satır sonları ve gereksiz boşluklar — davranışı aynen korurken. Daha küçük dosya, ağ üzerinden daha az bayt ve daha hızlı ilk görüntülenme demektir.
Tam olarak ne kaldırılır?
Araç yorumları siler, ardışık boşlukları tek boşluğa indirir, yalnızca insan okuyucular için var olan satır sonlarını ve girintileri kaldırır. Değişkenlerinizi yeniden adlandırmaz, mantığınızı yeniden kurgulamaz; bu yüzden çıktı tanınabilir kalır ve davranış değişmez. Okunabilir kaynağınızı sürüm kontrolünde tutun ve küçültmeyi bir derleme veya yayın adımı olarak yapın — küçültülmüş çıktıyı asla elle düzenlemeyin.
.btn {
color: red;
/* marka */
}.btn{color:red} olur. Yorum, girinti ve son noktalı virgül gider; kural aynı şekilde görüntülenir.Küçültme kodu bozar mı?
İki özel durumda bozabilir. Otomatik noktalı virgül eklemeye dayanan JavaScript, satır sonları kaybolunca anlam değiştirebilir; bu yüzden ifadeleri açıkça sonlandırın. Ayrıca kendi kaynağını okuyan her şey — kendisine toString() uygulayan bir fonksiyon veya yorum işaretlerine bağlı kod — artık farklı bir metin görecektir. Küçültülmüş sürümü yayınlamadan önce test edin.
Sunucu gzip kullanıyorsa küçültmeye yine de değer mi?
Evet, ama kazanç göründüğünden küçüktür. Sıkıştırma tekrar eden boşlukları zaten iyi işler; gzipli bir dosyayı küçültmek yalnızca birkaç puan daha kazandırabilir. Asıl fayda tarayıcının daha az metin ayrıştırmasıdır — çözümlenecek bayt azaldıkça çalıştırma hızlanır, ki bunu tek başına sıkıştırma sağlamaz.
Diğer ücretsiz araçlarımızı da deneyin: JSON biçimlendirici, regex test aracı ve hash üretici.