Araçlar
PDF Araçları 34
Resim Araçları 5
Yapay Zekâ ile Yazım 13
Metin Araçları 13
SEO ve web siteleri 22
YouTube ve video 13
Hesaplayıcılar ve dönüştürücüler 17
Geliştirici Araçları 13
Diğer Araçlar 2
Belge Tarayıcı Blog
Dil

HTML Kodu Küçültücü

Veri tasarrufu ve daha hızlı sayfa için HTML kodunu küçültün.

İlgili araçlar

Bu gruptaki tüm araçlar
Okunaklı bir HTML sayfasının sıkıştırılmış koda dönüşmesini gösteren çizim

Aynı görünen, daha hafif bir HTML sayfası

Elle yazdığınız ya da bir editörden aldığınız HTML girintiler, boş satırlar ve yorumlarla doludur. Bunların hiçbiri sayfada görünmez ama her ziyarette hepsi indirilir. Jood'un HTML kodu küçültücüsü bu fazlalığı atar, sayfanın içine yazılmış CSS ve JavaScript kodunu da küçültür ve öncekiyle aynı görünen daha küçük bir dosya verir.

Nasıl kullanılır

  1. Sayfanın kodunu "Kaynak Kod" kutusuna yapıştırın, en fazla 2 MB.
  2. "Şimdi Başla" düğmesine basın.
  3. Sonucu "Sonucu Kopyala" ile kopyalayın ve orijinal kodun yerine kullanın.

Araç neler yapar

  • Yorumları siler ama Outlook ve bazı eski programların ihtiyaç duyduğu <!--[if mso]> gibi koşullu yorumları korur.
  • Art arda gelen boşlukları ve satır sonlarını tek boşluğa indirir; div, p, li ve table gibi yapı etiketlerinin çevresindeki boşlukları siler.
  • b, a ve span gibi metnin içinde duran etiketlerin arasında tek boşluk bırakır, böylece kelimeler birbirine yapışmaz.
  • pre ve textarea içeriğine dokunmaz, çünkü oradaki boşluklar içeriğin parçasıdır.
  • style etiketlerindeki CSS'i ve script etiketlerindeki JavaScript'i küçültür; arama motorlarına yönelik JSON-LD verileri gibi başka türdeki betikleri olduğu gibi bırakır.

Denememizde normal girintili, bir yorum, bir style ve bir script etiketi içeren küçük bir sayfa 509 bayttan 389 bayta indi, yani yaklaşık dörtte bir küçüldü.

Görünümün değişebileceği iki durum

  • Yan yana duran inline-block öğeler: menünüz display: inline-block verilmiş li öğelerinden oluşuyorsa, aralarındaki küçük boşluk koddaki boşluklardan geliyordu. Küçültmeden sonra bu boşluk kaybolur; onu CSS'te margin ya da gap ile ayarlayın.
  • CSS ile korunan boşluklar: pre dışındaki bir öğede white-space: pre kullanıyorsanız, içindeki boşluklar teke indirilir. Bu metni bir pre etiketine koyun ya da o sayfayı küçültmeyin.

Kullanmadan önce birkaç öneri

  • Yalnızca son HTML'i, yani tarayıcıya gerçekten ulaşan kodu yapıştırın. PHP ya da başka bir şablon dili içeren şablon dosyaları bozulabilir, çünkü araç her şeyi HTML olarak işler.
  • HTML e-postalar bundan çok kazanır: Gmail, kodu yaklaşık 102 KB'ı aşan bir iletiyi kırpar ve geri kalanını tamamını gösteren bir bağlantının arkasına gizler.
  • Düzenleme için okunaklı orijinali saklayın ve küçülttükten sonra sayfayı deneyin.

Ayrı dosyalar için CSS kodu küçültücüyü ve JavaScript kodu küçültücüyü kullanın. Kodunuz Jood'un sunucusuna gönderilir, küçültülür ve saklanmaz.