CSS'i küçültür: yorumları ve gereksiz boşlukları siler, yinelenen kuralları birleştirir — ya da tersini yapıp her bildirimi bir satıra alacak şekilde yeniden biçimlendirir. İki yön de gerçek ayrıştırıcılar (csso ve js-beautify) kullanır, böylece content: dizesi içindeki yorum benzeri metin, calc() içindeki boşluklar ve data: URI'leri olduğu gibi korunur.
Küçültme ile Güzelleştirme Arasındaki Fark Nedir?
Küçültme yorumları ve gereksiz boşlukları kaldırır ve olası en küçük CSS'i üretmek için yinelenen kuralları güvenli biçimde birleştirir — bir stil sayfasını yayımlamadan önce boyutunu düşürmek için kullanışlıdır. Güzelleştirme ise tam tersini yapar: her bildirim ayrı bir satıra gelecek şekilde yeniden girintiler, böylece küçültülmüş veya dağınık bir dosya yeniden okunabilir hale gelir. Her ikisi de gerçek CSS ayrıştırıcılarıyla (csso ve js-beautify) çalışır, bu yüzden bir content: dizesi içindeki yoruma benzeyen metin, calc() içindeki boşluklar ve data: URI'leri gibi zorlu içerikler, saf bir bul-değiştir işlemiyle bozulmak yerine olduğu gibi korunur.
CSS Küçültücü Nasıl Kullanılır
- Yapıştırın — Küçültmek veya güzelleştirmek istediğiniz CSS'i üstteki giriş kutusuna yapıştırın.
- Girinti seçin — 2 boşluk, 4 boşluk veya sekme arasından seçin (yalnızca güzelleştirme sonucuna uygulanır, küçültmeyi etkilemez).
- Çalıştırın — 'Küçült' veya 'Güzelleştir' düğmesine basın; işlem tarayıcınızda anında yapılır.
- Kopyalayın — Azalan boyut göstergesini inceleyin ve 'Kopyala' düğmesiyle sonucu panonuza alın.
Küçültme Stilimi Değiştirme Riski Taşır mı?
Hayır. Bu araç dizeleri gelişigüzel bul-değiştir yapmaz; gerçek bir CSS ayrıştırıcısı olan csso ile stil sayfasını bir sözdizimi ağacı olarak anlar ve ardından güvenle optimize eder. Böylece content: içindeki yoruma benzeyen dizeler, calc() içindeki anlamlı boşluklar, data: URI'leri ve satıcı önekleri olduğu gibi korunur ve görsel sonuç değişmez.
Boyut Ne Kadar Küçülür?
Orijinal duruma bağlıdır, ancak yorum ve girinti bakımından zengin, insanların okuması için biçimlendirilmiş CSS genellikle %30–60 kadar küçülür. Zaten küçültülmüş bir dosyada kazanç daha azdır. Dönüştürme bittiğinde orijinale göre kaç bayt ve yüzde kaç kazanıldığını boyut göstergesinde hemen görebilirsiniz. Sunucuya aktarım sırasında gzip ve brotli sıkıştırması da eklendiğinde gerçekte aktarılan boyut daha da azalır.
Güzelleştirmeyi Ne Zaman Kullanmalıyım?
Zaten tek satıra küçültülmüş bir CSS'i ya da girintisi dağınık bir dosyayı okumak veya düzenlemek gerektiğinde güzelleştirme kullanışlıdır. Her bildirimi ayrı satırda tutarlı bir girintiyle yeniden düzenlediği için, yayımlanmış bir stil sayfasında hata ayıklarken veya başkasının kodunu anlarken işe yarar. Yeniden yayımlarken 'Küçült' ile geri dönebilirsiniz.
CSS'im Herhangi Bir Yere Yükleniyor mu?
Hayır. Hem küçültme hem güzelleştirme, kendi sunucumuzda barındırdığımız kütüphaneleri kullanarak tamamen tarayıcınızın içinde çalışır, bu yüzden CSS'iniz hiçbir sunucuya gönderilmez veya orada saklanmaz. Dönüştürmeden sonra küçültmenin kaç bayt kazandırdığını gösteren bir boyut göstergesi belirir ve Kopyala düğmesine bastığınızda sonuç doğrudan panonuza alınır.