Aynı stil dosyası üzerinde birbirinin zıddı iki iş. Küçültme, yalnızca insanın ihtiyaç duyduğu şeyleri atıyor: yorumlar ve girinti. Düzenleme ise onları geri koyuyor, böylece devraldığınız bir dosya okunur hâle geliyor. İkisi de verdiğiniz metin üzerinde çalışıyor ve ikisi de CSS'in anlamına dokunmuyor.

Nasıl kullanılır

1. 1 CSS'i yapıştırın — tam bir dosya ya da tek bir kural.
2. 2 Sıkıştırmak için Küçült'e, girintiyle açmak için Düzenle'ye basın.
3. 3 Byte sayısını kontrol edin, sonra sonucu kopyalayın.

Seçicideki boşluk süs değildir

".a .b" bir .a içindeki .b'yi seçer; ".a.b" ise ikisini birden taşıyan tek bir öğeyi. Bunlar farklı seçicilerdir ve boşluğu fazlalık sayan bir küçültücü sessizce yanlış öğeleri boyar. Burada iki seçici parçası arasındaki boşluk her zaman korunuyor; yalnızca > ve + gibi birleştiricilerin çevresindeki boşluk atılıyor.

calc() boşluklarına muhtaçtır

"calc(100% - 10px)" ifadesinde eksinin çevresindeki boşluklar dil bilgisinin gereğidir: onlarsız tarayıcı "-10px"i negatif bir uzunluk okur, ifade geçersizleşir ve bildirim tümden atılır. Sizi uyaran hiçbir şey olmaz — düzen sadece yanlış çıkar. Bu araç parantez içindeki boşluğu asla silmiyor.

Lisans yorumları kalır

/*! ile açılan bir yorum telif ya da lisans bildirimi taşır ve teamül gereği her küçültücü onu korur. Silmek, bir kütüphanenin sizden birlikte dağıtmanızı istediği atfı kaldırmak demektir. Sıradan /* yorumları ise siz ve ekibiniz için, onlar gidiyor.

CSS küçültmek gzip kadar kazandırmaz

Sunucular stil dosyalarını zaten çıkışta sıkıştırıyor ve gzip tekrar eden boşlukta çok iyi — yani onun üstüne küçültmek genelde yarı yarıya değil, yüzde birkaç kazandırır. Bunu, yayına giden dosyanın küçük ve istikrarlı olmasını istediğiniz için yapın; sayfanın gözle görülür biçimde hızlanmasını beklediğiniz için değil.