CSS Sıkıştırıcı

CSS Sıkıştırıcı, stil dosyandaki boşlukları, satır sonlarını ve yorumları temizleyerek boyutunu düşürür.

Ne siliniyor?

• Kurallar arasındaki girintiler ve satır sonları
• Yorum blokları
• Son bildirimden sonraki gereksiz noktalı virgül
• İki nokta ve süslü parantez çevresindeki boşluklar

Kuralların kendisi ve sıraları değişmez. CSS'te sıra önemlidir sonra gelen kural öncekini geçersiz kılar ve sıkıştırma bu düzene dokunmaz.

Gerçek kazanç ne kadar?

Burada dürüst olmak gerekir. Sunucular dosyaları zaten sıkıştırarak gönderir ve o sıkıştırma tekrar eden boşluk ve girintileri son derece verimli işler.

Dolayısıyla ham dosyada gördüğün büyük yüzde, kullanıcının indirdiği dosyada aynı oranda karşılık bulmaz. Yine de kazanç vardır: yorumlar tamamen kaybolur ve dosya sunucu sıkıştırmasından sonra da bir miktar küçük kalır.

Asıl kazanç başka yerdedir: kullanılmayan kuralları silmek. Bir arayüz kütüphanesinin tamamını yükleyip yüzde beşini kullanıyorsan, sıkıştırma bu israfı çözmez.

Kaynak dosyanı sakla

Sıkıştırılmış CSS okunabilir değildir ve üzerinde çalışılamaz. Yorumlar silindiği için "bu kural neden var" sorusunun cevabı da kaybolur.

Doğru yöntem: düzenlenebilir kaynak dosyayı koru, sıkıştırmayı yayına alma adımında yap ve çıktıyı asla elle düzenleme.

Nasıl sıkıştırılır?

1. CSS kodunu giriş alanına yapıştır.
2. Sıkıştırmayı başlat.
3. Çıktıyı bir kopya sayfada dene.

Kontrol edilmesi gerekenler

Çıktıyı yayına almadan önce sayfanın tamamını gez özellikle açılır menüler, kaydırmayla beliren bölümler ve mobil görünüm gibi ilk bakışta görünmeyen durumları. Bir kural yanlışlıkla bozulmuşsa sorun genellikle bu tür durumlarda ortaya çıkar.

Sıkça sorulan sorular

Tasarımım bozulur mu?

Sıkıştırma kuralları değiştirmez. Bozulma olursa genellikle kaynak dosyada zaten var olan bir sözdizimi hatası açığa çıkmıştır.

Yorumlarım geri gelir mi?

Hayır. Kaynak dosyanı ayrı sakla.

Sunucu sıkıştırması varken gerekli mi?

Kazanç azalır ama tamamen kaybolmaz; ikisi birlikte çalışır.

Çıktıyı düzenleyebilir miyim?

Düzenleme. Değişiklikleri kaynak dosyada yapıp yeniden sıkıştır.

İlgili araçlar

Betik dosyaları için JavaScript Sıkıştırıcı, sayfa kodu için HTML Sıkıştırıcı sayfalarını kullanabilirsin.