CSS kodundaki yorumları, gereksiz boşlukları ve fazlalık karakterleri kaldırarak dosya boyutunu düşürür. Tamamen tarayıcıda çalışır.
CSS Minify Nedir?
CSS dosyaları büyüdükçe yükleme süresi artar. Minify; yorumları, gereksiz boşlukları, son noktalı virgülleri ve girintileri temizleyerek dosyayı küçültür. Sonuç, tarayıcı tarafından aynı şekilde yorumlanır ama daha hızlı indirilir.
Sağladığı Kazanç
Büyük CSS dosyalarında minify ile %20–50 arası boyut azalması mümkündür. Bu, render-blocking kaynakların daha hızlı yüklenmesini ve daha iyi Core Web Vitals skorlarını destekler.
Nasıl Kullanılır?
- CSS kodunuzu sol alana yapıştırın.
- Küçült düğmesine basın ve sonucu kopyalayın.
- Yayın ortamında
.min.csssürümünü kullanın.
İpucu: Minify edilmiş CSS’i bir CDN üzerinden ve tarayıcı önbelleğiyle sunarsanız performans kazancı katlanır.
Sıkça Sorulan Sorular
Minify CSS’i sonradan düzenleyebilir miyim?
Teknik olarak evet ama okunması zordur. Düzenlemeleri her zaman orijinal (kaynak) dosyada yapıp yeniden minify edin.
Minify ile birleştirme (combine) aynı şey mi?
Hayır. Minify dosya boyutunu küçültür; combine ise birden çok dosyayı tek dosyada birleştirerek istek sayısını azaltır. İkisi birlikte en iyi sonucu verir.