Loading
CSS-i dosya boyutunu azaltmak için küçültün veya küçültülmüş CSS-i okunabilir hale getirin. Boyut tasarrufunu görün.
CSS-i dosya boyutunu azaltmak için küçültün veya küçültülmüş CSS-i okunabilir hale getirin. Boyut tasarrufunu görün.
Yeni araçlar ve özellikler hakkında bildirim almak için abone olun.
CSS kodunuzu giriş alanına yapıştırın. Harici stil dosyaları, embed stiller veya CSS parcalarini işleyebilirsiniz.
Küçült düğmesine tıklayın. Araç gereksiz boşluklar, yorumlar ve isteege bağlı söz dizimini kaldırır.
Orijinal ve küçültülmüş dosya boyutlarini karşılaştırın. Tasarruf yüzdesini görün.
Küçültulmus CSS'i kopyalayın ve üretim web sitenizde kullanın.
CSS dosyalri genellikle sayfa yükleme zincirinde engelleme kaynagidir. Daha küçük CSS dosyaları daha hızlı indirilir ve sayfanin daha çabuk görüntulenmesini sağlar.
CSS küçültme dosya boyutunu %10-30 azaltabilir, bu da özellikle büyük stil dosyaları için önemli bant genişliği tasarrufu sağlar.
Google PageSpeed Insights ve Lighthouse küçültülmüş kaynaklari onerrir. CSS küçültme performans puanlarinizi iyileştirir.
Tüm işlem tarayıcınızda yerel olarak gerçekleşir, CSS kodunuz güvenle işlenir.
Küçültmeyi build surecine entegre edin. PostCSS, cssnano veya benzer araçları CI/CD boru hattinizda kullanın.
Kaynak haritalarini (source maps) küçültülmüş CSS ile birlikte oluşturun. Bu, üretim ortamında hata ayıklamayi kolaylaştırır.
Kullanilmayan CSS kurallarini küçültmeden önce kaldırın. PurgeCSS veya UnCSS gibi araçlar kullanılmayan stilleri tespit eder.
CSS degiskenlerini ve modern CSS özelliklerini kullanarak temelden daha verimli stil dosyaları yazin.
CSS küçültme, CSS dosyalarındaki gereksiz karakterleri kaldırarak dosya boyutunu azaltma işlemdir. Bosluklar, satır sonları, yorumlar, gereksiz noktali virgiller ve isteege bağlı söz dizimi kaldırılır. Sonuç tarayıcı tarafından aynı şekilde yorumlanir ancak daha küçük dosya boyutuna sahiptir.
Hayir, doğru yapıldığında küçültme CSS'in görsel sonucunu degistirmez. Tarayıcılar küçültülmüş CSS'i orijinalyle aynı şekilde uygular. Ancak bazi nadir durumlarda CSS hack'leri veya tarayıcıya özel geçiş cozumleri etkilenebilir.
CSS küçültme dosyadakn gereksiz karakterleri fiziksel olarak kaldırır. Gzip ise dosyayı transfer sırasında sıkıştırır ve tarayıcıda açar. Her ikisi birlikte kullanıldığında en iyi sonucu verir: önce küçültme uygulanir, ardndan sunucu gzip ile sıkıştırılmış halini gonderir.
Kaynak haritasi (source map) küçültülmüş CSS'i orijinal kaynak dosyayla eşleştirir. Üretim ortamında hata ayıklarken tarayıcınin geliştirici araçları küçültülmüş kod yerine orijinal, okunaklı kodu gösterir. Bu, üretim sorunlarinin tespitini önemli ölçüde kolaylaştırır.
Chrome DevTools Coverage sekmesi sayfa tarafından kullanilan ve kullanilmayan CSS kurallarini gösterir. Otomatik tespit için PurgeCSS, UnCSS veya Tailwind CSS'in purge özelliği kullanilabilir. Kullanilmayan CSS'i kaldırmak küçültmeden daha büyük boyut azaltması sağlayabilir.
Evet, CSS sayfa yükleme zincirinde render-engelleyici bir kaynaktir. Daha küçük CSS dosyaları daha hızlı indirilir ve işlenir, bu da First Contentful Paint (FCP) ve Largest Contentful Paint (LCP) gibi Core Web Vitals metriklerini iyileştirir. Google bu metrikleri sıralama faktoru olarak değerlendirir.
JSON verilerinizi çevrimiçi biçimlendirin, doğrulayın ve güzelce gösterin. Söz dizimi vurgulama ile küçültme veya güzel gösterim.
Metni Base64 olarak kodlayın veya Base64 dizelerini çevrimiçi çözün. UTF-8 metin ve dosya kodlamasını destekler.
Düzenli ifadeleri gerçek zamanlı eşleştirme ile çevrimiçi test edin ve hata ayıklayın. Eşleşmeleri vurgulayın ve grupları görün.
Metinden SHA-1, SHA-256, SHA-384, SHA-512 hashleri çevrimiçi üretin. Ücretsiz kriptografik hash aracı.