ToolsMaxxing

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

Boşlukları, yorumları ve fazla baytları kaldırarak HTML, CSS ve JavaScript’i küçültün.

Dosyalarınız cihazınızda kalır

Nasıl çalışır

  1. 1JavaScript, CSS veya HTML’i seçin.
  2. 2Kodunuzu yapıştırın veya Örnek dene’yi seçin.
  3. 3O dil için seçenekleri ayarlayın.
  4. 4Küçültülmüş kodu kopyalayın veya indirin ve kutuların altındaki boyut satırını kontrol edin.

Seçenekler ne işe yarar

JavaScript
Yorumları ve boşlukları kaldırmak, ifadeleri sadeleştirmek ve ulaşılamayan kodu atmak için Terser kullanır.
Değişken adlarını kısalt
Yerel değişkenleri tek harfe çevirir. Kodunuz adları çalışma anında okuyorsa, örneğin eval ile, kapatın.
CSS
Kuralları birleştirmek, renkleri ve değerleri kısaltmak ve yorumları kaldırmak için csso kullanır.
HTML
Boşlukları daraltır, yorumları ve gereksiz öznitelikleri kaldırır.
Satır içi CSS ve JS’i küçült
HTML içindeki style ve script etiketlerinin içindeki kodu da küçültür.

Gizlilik

Her şey tarayıcınızda çalışır. Yapıştırdığınız şey hiçbir sunucuya gönderilmez. Yayımlanmamış kod cihazınızda kalır.

Sık sorulan sorular

Küçültülmüş kodu kullanmak güvenli mi?

Küçültücüler davranışı aynı tutmak için tasarlanmıştır ama sonucu test edin. İşlev adlarına bağlı, eval kullanan veya sözdizimi hatası olan kod bozulabilir. Orijinal dosyanızı saklayın.

Neden sözdizimi hatası bildiriyor?

JavaScript küçültülmeden önce ayrıştırılır, bu yüzden eksik bir parantez gibi hatalar aracı durdurur ve satırı gösterir. CSS ve HTML daha toleranslıdır ve çoğu zaman olduğu gibi küçültülür.

Dosyam ne kadar küçülür?

Ne kadar boşluk ve yorum olduğuna bağlıdır. Elle yazılmış dosyalar çoğu zaman yüzde 20 ile 60 arasında küçülür. Sunucunuzda gzip veya Brotli açmak bunun üstüne ek kazanç sağlar.

Modern JavaScript’i destekliyor mu?

Evet. Ok işlevleri, sınıflar, async işlevler ve isteğe bağlı zincirleme gibi güncel sözdizimi desteklenir. Kodu eski sözdizimine dönüştürmez.

Kaynak haritası alabilir miyim?

Hayır. Bu araç yalnızca küçültülmüş kodu verir. Hata ayıklama için kaynak haritasına ihtiyacınız varsa derleme aracınızı kullanın.

İlgili araçlar