Toolyard

HTML, CSS ve JS küçültücü

Kod nasıl küçültülür

  1. HTML, CSS ya da JavaScript kodunu yapıştır. Dil algılanır ya da kendin ayarlayabilirsin.
  2. Küçültülmüş sürüm önceki ve sonraki boyutla ve kazanılan yüzdeyle birlikte aşağıda görünür.
  3. Kopyala ya da .min dosyası olarak indir.

Sık sorulan sorular

Tam olarak ne kaldırılıyor?

Yorumlar ve gereksiz boşluklar. CSS’te süslü parantezlerin, noktalı virgüllerin, virgüllerin ve iki noktaların yanındaki boşluklar, her bloktaki son noktalı virgülle birlikte gider. HTML’de art arda boşluklar tek boşluğa iner ve yorumlar gider. JavaScript’te yorumlar ve girinti gider.

JavaScript neden satır sonlarını koruyor?

Çünkü onları kaldırmak kodun yaptığını değiştirebilir. JavaScript satır sonlarına noktalı virgül ekler; bu yüzden buna dayanan iki satırı birleştirmek onları bozar. Yalnızca girinti, boş satırlar ve yorumlar kaldırılır; bu her kodda güvenlidir.

Bir derleme aracı gibi değişkenleri yeniden adlandırır mı?

Hayır. Adları kısaltmak ve ifadeleri yeniden yazmak gerçek bir ayrıştırıcı gerektirir ve esbuild, terser ya da SWC gibi bir paketleyicinin işidir. Bu araç bir dosyayı elle kırpmak içindir; kazanç genellikle %10 ile %30 arasıdır.

Dizeler ve düzenli ifadelerle güvenli mi?

Evet. Tarayıcı tırnakları, şablon dizelerini ve düzenli ifade değişmezlerini izler; bu yüzden bir dizenin içindeki yorum işareti ya da bir düzenli ifadenin içindeki eğik çizgi olduğu gibi bırakılır.

HTML etiketleri arasındaki boşluk neden korunuyor?

İki satır içi öğe arasındaki boşluk sayfada görünür; bu yüzden onu kaldırmak kelimeleri birbirine yapıştırır. İşaretlemen tamamen blok öğelerinden oluşuyorsa ve onun gitmesini istiyorsan ikinci kutuyu işaretle.

Gzip bunu zaten yapmıyor mu?

Büyük ölçüde evet. gzip ya da Brotli ile sıkıştıran bir sunucu tekrarlanan boşlukları zaten sıkıştırır; bu yüzden önce küçültmek ham bayt sayısının gösterdiğinden çok daha az kazandırır. Yine de satır içi kod, e-posta şablonları ve sıkıştırmasız sunulan dosyalar için işe yarar.

Kodum yükleniyor mu?

Hayır. Metin tarayıcında işlenir ve hiçbir yere gönderilmez.

Bu aracı kendi sitene ekle

Diğer geliştirici araçları