JavaScript Küçültücü - DigiKitApp

JavaScript kodundaki gereksiz boşlukları temizleyin.

Ne zaman kullanmalısın?

Bir JavaScript dosyasının boyutunu küçültüp sayfa yükleme süresini kısaltmak için, canlıya almadan önceki son adımda kullan.

Ne zaman kullanmamalısın?

Minify edilmiş kodda bir hata ayıklaman gerekiyorsa çok zorlaşır; hata ayıklamayı her zaman orijinal, formatlı kod üzerinde yap.

Adım adım kullanım

Küçültmek istediğiniz betiğin son, test edilmiş hâlini editörünüzden kopyalayın.
Kodu "JavaScript kodu" alanına yapıştırın.
"Çalıştır" butonuna tıklayın. Boşlukları temizlenmiş kod sonuç alanında görünür.
Çıktıyı ayrı bir dosyaya, örneğin script.min.js adıyla kaydedin ve sayfanızdaki script etiketini bu dosyaya yönlendirin.
Sayfayı açıp tarayıcı konsolunda hata olup olmadığını kontrol edin.

Örnek

Küçük bir işletme sitesinde, mobil menüyü açıp kapatan ve iletişim formunu kontrol eden elle yazılmış bir betik var. Kod bol yorumlu ve geniş girintili, çünkü ileride siz ya da başka biri düzenleyecek. Canlıya almadan önce bu dosyanın küçültülmüş bir kopyasını oluşturuyorsunuz: orijinal script.js düzenleme için kalıyor, sayfa ise script.min.js dosyasını yüklüyor. Bir değişiklik gerektiğinde orijinali düzenleyip küçültmeyi yeniden yapıyorsunuz. Bu düzen, iki dosyanın birbirine karışmasını ve küçültülmüş kodun elle değiştirilmesini önler. Tarayıcı önbelleği nedeniyle ziyaretçiler eski dosyayı görmeye devam edebilir; dosya adına veya adresine bir sürüm eki eklemek, yeni küçültülmüş sürümün hemen yüklenmesini kolaylaştırır.

JavaScript küçültme nasıl çalışır?

Bu araç hafif bir küçültme yapar: /* ... */ yorumlarını siler, satır başı ve sonundaki boşlukları ve boş satırları kaldırır, yalnızca yorumdan oluşan // satırlarını siler ve tırnak içermeyen satırların sonundaki // yorumlarını temizler. Satır sonları korunur, bu yüzden noktalı virgülsüz yazılmış kod bozulmaz. Değişken adlarını kısaltmaz ve kullanılmayan kodu atmaz; kazanç, yorum ve girinti ağırlıklı dosyalarda belirgindir.

Küçültürken dikkat

/* ... */ yorumları metnin her yerinde silinir; bir dize ya da düzenli ifade içinde “/*” geçiyorsa kod bozulabilir.
Tırnak içeren bir satırın sonundaki // yorumu silinmez; araç yanlışlıkla bir adresi (http://...) kesmemek için bu satırlara dokunmaz.
Şablon dizelerinin (ters tırnak) içindeki satırlar da boşluktan arındırılır; çok satırlı şablon metni kullanıyorsanız çıktıyı kontrol edin.
Yayına almadan önce küçültülmüş dosyayı tarayıcı konsolunda hata vermediğinden emin olacak şekilde test edin. Büyük projelerde derleme sürecindeki bir küçültücü daha fazla tasarruf sağlar.

Dikkat edilmesi gerekenler

Bu araç satır sonlarını koruduğu için noktalı virgülsüz yazılmış kod bozulmaz. Satırları birleştiren başka küçültücüler kullanırsanız, önce ifadeleri noktalı virgülle bitirmek riski azaltır.
Kodun başındaki lisans veya telif yorumlarını korumanız gerekiyorsa, çıktıda kalıp kalmadığını kontrol edin ve gerekirse elle geri ekleyin.
Bu araç boşlukları temizler. Değişken adlarını kısaltan ve kullanılmayan kodu atan araçlar daha fazla tasarruf sağlar; büyük projelerde derleme sürecinize böyle bir araç eklemek mantıklıdır.
Template literal yani ters tırnak içindeki metinlerde boşluklar içeriğin parçasıdır. Bu tür metinlerin çıktıda bozulmadığından emin olun.

Sık sorulan sorular

Girdiğim kod/veri kaydediliyor mu?

Hayır, hiçbir veri sunucuya gönderilmez veya saklanmaz; işlem tamamen tarayıcınızda gerçekleşir.

Büyük dosyalarda çalışır mı?

Evet, ancak çok büyük girdilerde (birkaç MB üzeri) tarayıcı performansı düşebilir.

Bu araç ücretsiz mi?

Evet, temel kullanım için tamamen ücretsizdir ve üyelik gerektirmez.