CSS Küçültücü
Yorumları ve gereksiz boşlukları kaldırarak CSS dosyalarınızı küçültün.
Daha hızlı yüklenen stil dosyaları
CSS dosyaları sayfanın görüntülenmesini engelleyen (render-blocking) kaynaklardır; ne kadar küçük olurlarsa sayfa o kadar hızlı görünür hale gelir. CSS Küçültücü yorumları, girintileri ve gereksiz boşlukları kaldırarak dosya boyutunu azaltır.
Güvenli dönüşüm
Küçültücü dize değerlerine dokunmaz ve calc() gibi ifadelerde anlamı değiştirecek şekilde birleştirme yapmaz. Seçicileriniz ve değerleriniz aynen çalışmaya devam eder. /*! ile başlayan önemli yorumlar (genellikle lisans bilgileri) korunur.
Kullanım
WordPress temaları, statik siteler veya derleme süreci olmayan projeler için hızlı bir çözümdür. İşlem tarayıcınızda yapılır.
CSS Küçültücü nasıl kullanılır?
- CSS kodunuzu yapıştırın.
- Küçültülmüş CSS anında oluşur.
- Kazanılan boyutu inceleyin.
- Sonucu kopyalayıp sitenizde kullanın.
Neden bu aracı kullanmalısınız?
PageSpeed Insights'ın 'CSS'yi küçültün' önerisini derleme aracı kurmadan uygulamanızı sağlar.
Sıkça sorulan sorular
Önemli yorumlar korunuyor mu?
Evet. /*! ile başlayan yorumlar (genellikle lisanslar) korunur.
Kullanılmayan CSS'i de siler mi?
Hayır, yalnızca boşluk ve yorumları kaldırır. Kullanılmayan kuralları temizlemek için PurgeCSS gibi araçlar gerekir.
SCSS veya LESS küçültebilir miyim?
Önce derlenmiş CSS'e dönüştürmeniz gerekir; araç standart CSS söz dizimi bekler.
İlgili araçlar
HTML Küçültücü
HTML'deki yorumları ve etiketler arası fazla boşlukları güvenle kaldırarak sayfa boyutunu azaltın.
Aracı açJavaScript Küçültücü
JavaScript kodundaki yorumları ve girintileri güvenle temizleyerek daha küçük dosyalar elde edin.
Aracı açCSS Gradyan Oluşturucu
Birden çok renk duraklı doğrusal ve dairesel CSS gradyanları canlı önizlemeyle tasarlayın.
Aracı açBox Shadow Oluşturucu
Konum, bulanıklık, yayılma, renk ve iç gölge ayarlarıyla CSS box-shadow değerleri oluşturun.
Aracı aç