Minify or beautify CSS code
Minify CSS to reduce file size or beautify minified CSS for readability. See size savings. Free online CSS minifier and formatter.
CSS kodunuzu giris alanina yapistirin. Harici stil dosyalari, embed stiller veya CSS parcalarini isleyebilirsiniz.
Kucult dugmesine tiklayin. Arac gereksiz bosluklar, yorumlar ve isteege bagli soz dizimini kaldirir.
Orijinal ve kucultulmus dosya boyutlarini karsilastirin. Tasarruf yuzdesini gorun.
Kucultulmus CSS'i kopyalayin ve uretim web sitenizde kullanin.
CSS dosyalri genellikle sayfa yukleme zincirnde engelleme kaynagidir. Daha kucuk CSS dosyalari daha hizli indirilir ve sayfanin daha cabuk goruntulenmesini saglar.
CSS kucultme dosya boyutunu %10-30 azaltabilir, bu da ozellikle buyuk stil dosyalari icin onemli bant genisligi tasarrufu saglar.
Google PageSpeed Insights ve Lighthouse kucultulmmis kaynaklari onerrir. CSS kucultme performans puanlarinizi iyilestirir.
Tum islem tarayicinizda yerel olarak gerceklesir, CSS kodunuz guvenle islenir.
Kucultmeyi build surecine entegre edin. PostCSS, cssnano veya benzer araclari CI/CD boru hattinizda kullanin.
Kaynak haritalarini (source maps) kucultulmus CSS ile birlikte oluturun. Bu, uretim ortaminda hata ayiklamayi kolaylastirir.
Kullanilmayan CSS kurallarini kucultmeden once kaldirin. PurgeCSS veya UnCSS gibi araclar kullanilayan stilleri tespit eder.
CSS degiskenlerini ve modern CSS ozelliklerini kullanarak temelden daha verimli stil dosyalari yazin.
CSS kucultme, CSS dosyalarindakn gereksiz karakterleri kaldirarak dosya boyutunu azaltma islemdir. Bosluklar, satir sonlari, yorumlar, gereksiz noktali virgiller ve isteege bagli soz dizimi kaldirilir. Sonuc tarayici tarafindan ayni sekilde yorumlanir ancak daha kucuk dosya boyutuna sahiptir.
Hayir, dogru yapildiginda kucultme CSS'in gorsel sonucunu degistirmez. Tarayicilar kucultulmus CSS'i orijinalyle ayni sekilde uygular. Ancak bazi nadir durumlarda CSS hack'leri veya tarayiciya ozel geciis cozumleri etkilenebilir.
CSS kucultme dosyadakn gereksiz karakterleri fiziksel olarak kaldirir. Gzip ise dosyayi transfer sirasinda sikistirir ve tarayicida acar. Her ikisi birlikte kullanildiginda en iyi sonucu verir: once kucultme uygulanir, ardndan sunucu gzip ile sikistirilmis halini gonderir.
Kaynak haritasi (source map) kucultulmus CSS'i orijinal kaynak dosyayla eslesitirir. Uretim ortaminda hata ayiklarken tarayicinin gelistirici araclari kucultulmus kod yerine orijinal, okunakli kodu gosterir. Bu, uretim sorunlarinin tespitini onemli olcude kolaylastirir.
Chrome DevTools Coverage sekmesi sayfa tarafindan kullanilan ve kullanilmayan CSS kurallarini gosterir. Otomatik tespit icin PurgeCSS, UnCSS veya Tailwind CSS'in purge ozelligi kullanilabilir. Kullanilmayan CSS'i kaldirmak kucultmeden daha buyuk boyut azaltmisi saglayabilir.
Evet, CSS sayfa yukleme zincirinde render-engelleyici bir kaynaktir. Daha kucuk CSS dosyalari daha hizli indirilir ve islenri, bu da First Contentful Paint (FCP) ve Largest Contentful Paint (LCP) gibi Core Web Vitals metriklerini iyilestirir. Google bu metrikleri siralama faktoru olarak degerlendirir.