CSS Kodu Küçültücü

Daha hafif bir CSS, aynı görünen bir site

Yazdığınız stil dosyası boşluklar, boş satırlar ve yorumlarla doludur. Düzenlerken bunlara ihtiyacınız vardır ama tarayıcının yoktur; yine de her ziyaretçi onları indirir. Jood'un CSS kodu küçültücüsü bu fazlalığı atar ve aynı şekilde çalışan daha küçük bir dosya verir.

Boyut sandığınızdan önemlidir: tarayıcı, sayfanın başında bağlanan stil dosyaları yüklenmeden sayfayı göstermez. Silinen her kilobayt, ziyaretçinizin siteyi görme anını biraz daha öne çeker; özellikle yavaş bir mobil bağlantıda.

Nasıl kullanılır

1. CSS kodunuzu kutuya yapıştırın, en fazla 2 MB.
2. "Şimdi Başla" düğmesine basın.
3. Sıkıştırılmış kodu "Sonucu Kopyala" ile kopyalayın ve style.min.css gibi ayrı bir dosyaya kaydedin.

Ne gider, ne kalır

• Silinir: yorumlar, gereksiz boşluklar ve satır sonları, her kapanış parantezinden önceki son noktalı virgül.
• Olduğu gibi kalır: yazı tipi adları gibi tırnak içindeki metinler ve görseller ile yazı tipleri için url() içerikleri; böylece hiçbir yol bozulmaz.
• Lisans yorumları /*! ile başlıyorsa korunur, çünkü bazı kütüphaneler bunu şart koşar.

Örneğin ".card { color: #ffffff; padding: 0px 10px; }" ifadesi ".card{color:#ffffff;padding:0px 10px}" olur.

Aracın yapmadıkları

Fazlalıkları atar ama değerleri yeniden yazmaz: #ffffff, #fff olmaz; 0px de 0'a dönüşmez. Tekrarlanan kuralları birleştirmez, sayfalarınızda kullanılmayan stilleri de silmez. Bu iyileştirmeler cssnano gibi özel derleme araçları ister ve daha çok büyük projelerde işe yarar. Sıradan bir site ya da küçük bir tema için kazancın büyük kısmı boşlukları ve yorumları silmekten gelir.

İki öneri

• Düzenleme için okunaklı orijinali her zaman saklayın, yalnızca sıkıştırılmış kopyayı yayımlayın.
• Sıkıştırma, sunucunun uyguladığı gzip'in yerine geçmez, onu tamamlar; ikisini birlikte kullanın.

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

Sıkça Sorulan Sorular