CSS stil sayfalarını tarayıcınızda anında küçültün ve sıkıştırın. Yorumları kaldırın, boşlukları daraltın ve dosya boyutunu küçültün. Ücretsiz ve özel.
.css dosyalarını destekler. Veya CSS'nizi yukarıya yapıştırın.
CSS küçültme, tarayıcılara sunulmadan önce stil sayfasının boyutunu küçültmek için boşlukları, yorumları ve gereksiz karakterleri stil sayfasından kaldırır. Gerçek kurallar değişmedi: küçültülmüş bir stil sayfası, sayfaları küçültülmemiş kaynakla aynı şekilde işler. Tasarruf, yeni satırların, gereksiz noktalı virgüllerin, yorumların, onaltılık renkli kısa yol olanaklarının ve sıfır birim kısayollarının (0 pikselin 0 ile değiştirilmesi) kaldırılmasıyla sağlanır.
Düzinelerce stil kuralına sahip modern web sitelerinde, küçültülmemiş kaynağa kıyasla tipik azalma %20-40'tır. Sunucudaki gzip sıkıştırmasıyla birleştiğinde, marjinal tasarruf azalır - gzip zaten tekrarlanan metni etkili bir şekilde sıkıştırır - ancak bu kombinasyon, özellikle stil sayfaları önbelleğe alındığında ve birçok ziyaretçiye birçok kez sunulduğunda hâlâ tek başına sıkıştırmayı geride bırakır.
Bu küçültücü, CSS'yi tek geçişte işler, url() değerlerinin dışındaki yorumları kaldırır, boşlukları daraltır, parantezleri kapatmadan önce gereksiz noktalı virgülleri kaldırır, sıfır birim kısayolu uygular ve altı basamaklı onaltılık renkleri mümkün olduğunda üç basamaklı forma dönüştürür (#ffffff → #fff). Çıktı, herhangi bir tarayıcının doğru şekilde ayrıştırdığı geçerli CSS olarak kalır.
Daha küçük CSS dosyaları daha hızlı yüklenir ve oluşturmayı engelleyen süre azalır; bunların her ikisi de İlk İçerikli Boya ve En Büyük İçerikli Boya puanlarını artırır. Önemli Web Verilerinin arama sıralamasını etkilediği siteler için, oluşturmayı engelleyen CSS'nin her kilobaytının traşlanması çabaya değer.
Bant genişliği maliyetleri de ölçek açısından önemlidir. Milyonlarca sayfa görüntüleme sunan siteler, stil sayfaları %30 daha küçük olduğunda ölçülebilir miktarda çıkış tasarrufu sağlar. CDN faturaları, mobil veri kullanımı ve enerji tüketiminin tümü biraz fayda sağlıyor. Küçültme aslında ücretsizdir; bakım maliyeti olmayan, tek seferlik bir oluşturma adımıdır.
CSS'yi yapıştırın, küçültülmüş sürümü edinin.
CSS küçültmesi çoğunlukla muhafazakar boşlukların kaldırılmasıdır. Seçicilerin, bildirimlerin ve değerlerin içindeki boşluklar önemli olduğu yerde korunur; dışarıdaki boşluk daraltılmıştır. /* ile başlamadıkları sürece yorumlar kaldırılır! (lisans koruma yorumları).
Yaygın kısayollar: 0px, 0em ve benzeri sıfır birim değerleri 0 olur; eşleştirilmiş rakamlara sahip altı haneli onaltılık renkler (#ffffff, #336699) üç haneli (#fff, #369) hale gelir; }'den önceki son noktalı virgül kaldırıldı. Hex bazen daha uzun olduğundan renk adları otomatik olarak hex'e dönüştürülmez (kırmızı, #f00'den daha kısadır; #ff0000 kırmızıdan daha uzundur).
Çıktı, girişi kabul eden herhangi bir CSS doğrulayıcıyı geçmelidir. Tarayıcı desteği değişmedi; küçültme kuralların kendisini değiştirmez, yalnızca metin gösterimlerini değiştirir.