Derlenmiş CSS kodunu yapıştırın
Kaynak kod alanına standart CSS girin veya “Örnek yükle” düğmesini kullanın. Sass, SCSS veya Less kullanıyorsanız önce projenizin derleme işlemini çalıştırın. Tek işlemde en fazla 200.000 karakter işlenebilir.
CSS Temizleyici
CSS kodunu ücretsiz ve tarayıcınızda küçültün. Dosya boyutunu önce/sonra karşılaştırın, sonucu kopyalayın veya CSS dosyası olarak indirin.
Ücretsiz · Hesap gerekmez · Kodunuz cihazınızda işlenir; çalıştırılmaz, kaydedilmez veya sunucuya gönderilmez.
CSS Kodunuz
Standart CSS kodunu yapıştırın. Şifre veya kişisel bilgi eklemeyin.
0 / 200.000 karakterKüçültülmüş Kod
Sonuç burada gösterilir. Kod, görsel önizleme olarak açılmaz.
CSS dosyasını nasıl küçültebilirsiniz?
CSS temizleyici, stil dosyasındaki gereksiz boşlukları ve bazı uzun sözdizimi biçimlerini azaltır. Örneğin #ffffff değeri #fff olarak yazılabilir. Araç kuralları yeniden gruplandırmadan çıktı oluşturur; sayfanızın hangi stilleri kullandığını analiz etmez.
Ham boyut farkını inceleyin
“Kodu küçült” düğmesiyle işlemi başlatın. Önce ve sonra değerleri UTF-8 bayt boyutlarını gösterir. Dosya zaten küçültülmüşse fark çok küçük olabilir; raporlanan değişim bir sayfa hızı puanı değildir.
Sonucu farklı ekranlarda deneyin
Küçültülmüş CSS’i kopyalayın veya dosya olarak indirin. Asıl kaynak dosyanızı saklayın; çıktıyı kullanmadan önce düzeni, etkileşim durumlarını ve mobil görünümü projenizde kontrol edin.
Örnek: Kart stilinin boyutunu azaltma
Önemli açıklama korunur, beyaz renk kısa gösterime dönüşür ve calc ifadesinin gerekli boşlukları kalır.
- Kaynak CSS
- /*! Kart stili */ .card { color: #ffffff; padding: 16px 16px 16px 16px; width: calc(100% - 32px); }
Oluşan çıktı
/*! Kart stili */
.card{color:#fff;padding:16px 16px 16px 16px;width:calc(100% - 32px)}Bu örnekte dört padding değeri korunur. Araç her olası kısaltmayı yapmak veya kullanılmayan stilleri bulmak için tasarlanmamıştır.
Sonucu kullanmadan önce
Kullanılmayan CSS’i, tarayıcı uyumluluğunu veya sayfadaki stil çakışmalarını tespit etmez. Bir Sass/SCSS derleyicisi veya otomatik prefix aracı değildir.
/*! ile başlayan önemli açıklamalar korunur; diğer açıklamalar kaldırılabilir. Küçültme bir güvenlik denetimi değildir ve sunucunun sıkıştırılmış aktarım boyutunu ölçmez.
Sık sorulan sorular
CSS dosyam neden çok az küçüldü?
Dosya önceden küçültülmüş olabilir veya korunması gereken kod miktarı yüksek olabilir. Ham bayt farkını gerçek sayfanın yükleme süresiyle karıştırmayın; ağ sıkıştırması ve diğer kaynaklar da yüklemeyi etkiler.
Araç kullanılmayan sınıfları kaldırır mı?
Hayır. HTML ve JavaScript dosyalarınızı taramadığı için hangi seçicilerin gerekli olduğunu bilemez. Kullanılmayan stilleri kaldırmak ayrı bir proje analizi ve görünüm testi gerektirir.