CSS Minification Nedir?
CSS'ten gereksiz karakter kaldırma. Boşluk, yorum. Dosya küçülür. Minify.
Neden Önemlidir?
Dosya boyutu azalır; hız artar. Bandwidth tasarrufu. Core Web Vitals.
Nasıl Çalışır?
Build tool (webpack css-minimizer) veya online araç. CSS parse, gereksiz kaldır, sıkıştır. .min.css çıktı.
Dikkat Edilmesi Gerekenler
- Minification syntax hatası yaratmamalı; test gerekli.
- Gzip/Brotli ile birlikte; minify + compression.
- Source map debug için; production'da opsiyonel.
Sık Sorulan Sorular
CSS minification ne kadar kazanç sağlar?
Genelde %20-40 boyut azalması. Büyük CSS'te anlamlı. Gzip ile birlikte daha fazla. Ölçüm yapılmalı.
Minification hangi araçlarla?
webpack css-minimizer-webpack-plugin, Vite (otomatik), Gulp clean-css. Online: cssnano. Build pipeline'da.
Minification ve compression farkı?
Minification: karakter kaldırma, kod küçültme. Compression: Gzip/Brotli, transfer sıkıştırma. İkisi birlikte kullanılır.