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
Sayfanın kodunu "Kaynak Kod" kutusuna yapıştırın, en fazla 2 MB.
"Şimdi Başla" düğmesine basın.
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.
Trafiği ölçmek ve siteyi geliştirmek için çerezler kullanıyoruz (Google Analytics); ileride reklam da gösterebiliriz. Onayınız olmadan hiçbir şey etkinleştirilmez. Gizlilik politikası