CSS Küçültücü: CSS'i çevrimiçi sıkıştırın

Nasıl kullanılır

CSS'inizi yapıştırın, bir .css dosyası açın ya da örnekle başlayın.
Küçültülmüş CSS siz yazarken, önceki ve sonraki boyutla birlikte görünür.
Kopyalayın ya da styles.min.css olarak indirin.

Ne yapar

CSS Küçültücü, boşlukları ve yorumları kaldırmanın ötesine geçen CSSO'yu kullanır:

Değerleri kısaltır: #ff0000, red olur; 0px, 0 olur; padding: 0 16px 0 16px ise padding: 0 16px olur.
Aynı seçiciye sahip kuralları ve aynı bildirimlere sahip seçicileri birleştirir.
Aynı kuraldaki sonraki bir bildirimin geçersiz kıldığı bildirimleri kaldırır.

Yalnızca stil sayfasının anlamını koruyan değişiklikler yapar; sayfalar aynı görünür.

Buna değer mi?

Stil sayfaları yüklenene kadar sayfanın görünmesini engeller; yani daha küçük CSS, daha hızlı ilk görüntü demektir. Küçültme, barındırmanızın uyguladığı gzip veya Brotli sıkıştırmasının üzerine genellikle %5 ila %15 daha tasarruf sağlar; stil sayfasında çok yorum varsa daha fazla. Vite gibi bir derleme aracı kullanıyorsanız CSS'i üretim için zaten küçültür; bu sayfa elle yazıp yayımladığınız stil sayfaları içindir.

Sık sorulan sorular

Küçültme CSS'imi bozabilir mi?

CSSO'nun değişiklikleri geçerli CSS'in anlamını korur. Eski tarayıcılar için geçersiz sözdizimine dayanan hack'ler hayatta kalmayabilir. Okunabilir sürümü kaynak olarak saklayın ve bir kopyasını küçültün.

Kullanılmayan CSS'i kaldırır mı?

Hayır: sayfalarınızın hangi seçicileri kullandığını göremez. PurgeCSS gibi araçlar bunu bir derleme sırasında yapar.

Okunabilir sürümü nasıl geri alırım?

Orijinali saklayın. CSS Biçimlendirici küçültülmüş CSS'i yeniden girintiler, ama yorumlar kalıcı olarak kaybolur.

CSS'im bir yere yükleniyor mu?

Hayır. Tarayıcınızda küçültülür.