Tarayıcınızda JavaScript kodunu anında küçültün ve sıkıştırın. Yorumları kaldırın, boşlukları daraltın ve dosya boyutunu küçültün. Ücretsiz ve özel.
.js dosyalarını destekler. Veya JavaScript'inizi yukarıya yapıştırın.
JavaScript küçültme, gereksiz karakterleri kaldırarak ve (uygun küçültücülerle) yerel değişkenleri daha kısa adlarla yeniden adlandırarak kaynak kodunun boyutunu azaltır. İlk kategori (boşluk ve yorum kaldırma) basit ve risksizdir. İkincisi (değişken yeniden adlandırma), kapsam kurallarının anlaşılmasını gerektirir ve Terser ve esbuild gibi üretim minifigüratörlerinin en iyi yaptığı şeydir.
Bu araç güvenli küçültmeye odaklanır: yorumları kaldırmak, boşlukları daraltmak, gereksiz noktalı virgülleri kaldırmak ve belirgin kalıpları kısaltmak. Değişken yeniden adlandırma muhafazakardır; yalnızca net kapsamlardaki yerel değişkenlere dokunulur ve harici referanslı adlar olduğu gibi bırakılır. Sonuç işlevsel olarak kaynakla aynıdır.
Üretim düzeyinde küçültme için özel araçlar (Terser, esbuild, swc) ECMAScript kapsam modelinin tamamını anlar ve önemli ölçüde daha küçük çıktılar üretir. Bu araç, tam yapı kurulumu mevcut olmadığında tarayıcı tarafında hızlı küçültme içindir.
JavaScript paketleri genellikle modern bir web sayfasındaki en büyük tek kaynaktır. Küçültme, küçültülmemiş kaynağa kıyasla rutin olarak %30-60 oranında boyut küçültme sağlar. Gzip veya Brotli ile birleştirildiğinde azaltma bir miktar azalır, ancak kombinasyon özellikle yavaş bağlantı kullanan kullanıcılar için hala ölçülebilir bayt tasarrufu sağlar.
Daha hızlı JavaScript aynı zamanda daha hızlı Etkileşim Süresi anlamına da gelir. Daha küçük komut dosyaları daha hızlı indirilir, daha hızlı ayrıştırılır ve daha kısa sürede yürütülür. TTI'nin hemen çıkma oranlarını ve SEO sıralamasını etkilediği siteler için küçültme, mevcut en ucuz kazançlardan biridir.
JavaScript'i yapıştırın, daha küçük bir sürüm edinin.
Küçültücü, ECMAScript sözdizimine uyan bir ayrıştırıcı kullanarak JavaScript'i simgeleştirir. /*! ile işaretlenen lisans açıklamaları dışındaki yorumlar (tek satırlı ve çok satırlı) kaldırılmıştır. önek. Sözdizimsel olarak gerekli olan yerler (tanımlayıcılar arasında, anahtar sözcüklerden sonra) dışında boşluklar daraltılır.
Muhafazakar değişken yeniden adlandırma, basit kapsamlardaki yerel değişkenleri kısaltır. Genel öğeler, dışa aktarılanlar ve içe aktarılan adlar yeniden adlandırılmaz; bu, dış referansları bozar. Derinlemesine yeniden adlandırma için uygun modül farkındalığına sahip analizle Terser veya esbuild kullanın.
Uç durumlar: otomatik noktalı virgül ekleme (ASI), program davranışının değişmesini önlemek için küçültücünün bazı bağlamlarda yeni satırları koruması gerektiği anlamına gelir. Şablon değişmez bilgileri, normal ifade değişmezleri ve JSX (girdi içeriyorsa) tam olarak korunur çünkü içeriklerinin sıkıştırılması güvenli olmayabilir.