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

CSS Sıkıştırıcı, stil dosyanızdaki 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üz 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ız, sıkıştırma bu israfı çözmez.

Kaynak dosyanızı saklayın

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ı koruyun, sıkıştırmayı yayına alma adımında yapın ve çıktıyı asla elle düzenlemeyin.

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

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

Kontrol edilmesi gerekenler

Çıktıyı yayına almadan önce sayfanın tamamını gezin ö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ızı ayrı saklayın.

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

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

Çıktıyı düzenleyebilir miyim?

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

İ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ı kullanabilirsiniz.