JavaScript'i Terser ile küçültür — yorumları ve boşlukları siler, yerel değişken adlarını kısaltır, ifadeleri sadeleştirir — ya da küçültülmüş kodu yeniden okunur hâle getirir. Terser gerçek bir ayrıştırıcı olduğu için ok işlevleri, sınıflar ve isteğe bağlı zincirleme gibi modern sözdizimi doğru işlenir; bir sözdizimi hatası varsa bozuk çıktı yerine yerini gösteren açık bir mesaj alırsınız.
Küçültme ile Güzelleştirme Arasındaki Fark Nedir?
Küçültme JavaScript'inizi çalışan en küçük boyuta indirir — yorumları ve boşlukları kaldırır, yerel değişken adlarını kısaltır ve ifadeleri sadeleştirir. Gerçek bir JavaScript ayrıştırıcısı olan Terser ile çalışır, bu nedenle modern sözdizimi (ok fonksiyonları, şablon dizeleri, sınıflar, isteğe bağlı zincirleme) saf bir metin değiştirmeyle bozulmak yerine doğru şekilde işlenir; kodunuzda bir sözdizimi hatası varsa, onu işaret eden net bir mesaj alırsınız. Güzelleştirme ise tam tersini yapar; küçültülmüş veya dağınık kodu yeniden girintiler, böylece yeniden okunabilir hale gelir.
JavaScript Küçültücü Nasıl Kullanılır
- Yapıştırın — Küçültmek veya güzelleştirmek istediğiniz JavaScript'i üstteki giriş kutusuna yapıştırın.
- Girinti seçin — 2 boşluk, 4 boşluk veya sekme arasından seçin (yalnızca güzelleştirme sonucuna uygulanır, küçültmeyi etkilemez).
- Çalıştırın — 'Küçült' veya 'Güzelleştir' düğmesine basın. Küçült'e ilk bastığınızda Terser kütüphanesi bir kez indirildikten sonra çalıştırılır.
- Kopyalayın — Azalan boyut göstergesini inceleyin ve 'Kopyala' düğmesiyle sonucu panonuza alın.
Modern Sözdizimi (Ok Fonksiyonları, Sınıflar vb.) Güvenle Küçültülür mü?
Evet. Küçültme gerçek bir JavaScript ayrıştırıcısı olan Terser ile yapıldığı için ok fonksiyonları, şablon dizeleri, sınıflar, isteğe bağlı zincirleme ve yapısal çözümleme gibi modern ES sözdizimini de doğru anlar ve işler. Düzenli ifade değişmezleri veya dize içindeki yoruma benzeyen metinler gibi, saf bir metin değiştirme yönteminde bozulacak olan bölümler de olduğu gibi korunur.
Küçültme Kodun Davranışını Değiştirir mi?
Değiştirmez. Terser yalnızca kodun davranışını olduğu gibi koruyan dönüşümler uygular — yerel değişken adlarını kısaltma, ölü kodu kaldırma ve ifadeleri sadeleştirme gibi işlemlerin tümü sonuç aynı kalacak şekilde güvenle yapılır. Ancak global değişken adları veya fonksiyon adları gibi dışarıya açılan tanımlayıcılar başka kodlar tarafından kullanılabileceğinden gelişigüzel değiştirilmez.
Sözdizimi Hatası Varsa Ne Olur?
Terser kodu gerçekten ayrıştırdığı için eşleşmeyen parantezler veya geçersiz belirteç gibi bir sözdizimi hatası varsa küçültmeyi durdurur ve sorunun oluştuğu yeri (satır ve sütun) gösteren net bir hata mesajı verir. Sessizce yanlış bir sonuç üretmek yerine nereyi düzeltmeniz gerektiğini bildirdiği için, mesajın işaret ettiği yeri düzeltip yeniden deneyebilirsiniz.
Kodum Yükleniyor mu? İlk Küçültmede Neden Kısa Bir Duraklama Oluyor?
Hiçbir şey yüklenmez ve tüm işlem tarayıcınızın içinde çalışır. Terser küçültme kütüphanesi büyük olduğu için, bu sayfanın hızlı yüklenmesi amacıyla yalnızca Küçült düğmesine ilk bastığınızda indirilir (bir kez kısa bir "Küçültülüyor…" beklemesi görebilirsiniz). Sonrasında önbelleğe alınır ve hemen çalışır. Güzelleştirme anında çalışır. İşiniz bittiğinde küçültmenin kaç bayt kazandırdığını gösteren bir boyut göstergesi belirir ve Kopyala düğmesine bastığınızda sonuç panonuza alınır.