Ne anlama gelir?
Kod küçültme, CSS ve JavaScript dosyalarındaki insan okuması için gerekli ama makine için gereksiz karakterleri temizler: boşluklar, satır sonları, yorumlar, uzun değişken adları.
Öncesi:
/* Ana buton stili */
.button {
background-color: #ffffff;
padding: 10px 20px;
}
Sonrası:
.button{background-color:#fff;padding:10px 20px}Kod sıkıştırmadan farkı
| Kod küçültme | Kod sıkıştırma | |
|---|---|---|
| Ne yapar | Gereksiz karakterleri siler | Dosyayı sıkıştırır |
| Nerede | Dosya oluşturulurken | Aktarım sırasında |
| Kazanç | %10-30 | %60-80 |
İkisi birlikte kullanılır ve birbirini tamamlar. Küçültülmüş dosya, sıkıştırıldığında daha da küçülür.
Nasıl uygulanır?
- Modern geliştirme araçları derleme sırasında otomatik yapar
- Hazır altyapılarda eklenti veya ayarla açılır
- CDN sağlayıcıları genellikle otomatik sunar
Dikkat edilecekler
- Orijinal dosyaları saklayın. Küçültülmüş kod düzenlenemez
- Kaynak haritası (source map) kullanın. Hata ayıklama için gerekir
- Değişiklik sonrası önbelleği temizleyin
- Agresif ayarlar sorun çıkarabilir. Özellikle JavaScript'te — küçültme sonrası siteyi test edin
Öncelik sırasında yeri
Dürüst olmak gerekir: Kod küçültmenin etkisi genellikle marjinaldir. Öncelik sırası:
- Barındırma kalitesi
- Görsel optimizasyonu
- Önbellekleme
- Gereksiz betik temizliği
- Kod sıkıştırma
- Kod küçültme
Yukarıdaki maddeler tamamlanmadan buraya odaklanmak, kova delikken bardakla su taşımaya benzer.
Ne anlama gelir?
Kod küçültme (minification), HTML, CSS ve JavaScript dosyalarından gereksiz karakterlerin (boşluklar, satır sonları, yorumlar) kaldırılarak dosya boyutunun düşürülmesidir. Bu karakterler kodun çalışmasını etkilemez, yalnızca insanların okumasını kolaylaştırır; makine için gereksizdir. Küçültme, dosyaları hafifleterek sayfa hızını artıran temel bir optimizasyondur.
Sıkıştırmadan farkı
Küçültme ve sıkıştırma sık karıştırılır ama farklıdır ve birlikte kullanılır. Küçültme, dosyanın içeriğinden gereksiz karakterleri kaldırır (kaynak dosyayı değiştirir). Sıkıştırma ise dosyayı gönderirken bütün olarak sıkıştırır (GZIP/Brotli). İkisi birlikte, hem daha küçük hem daha verimli aktarılan dosyalar sağlar.
Faydaları
- Daha küçük dosya boyutu ve daha hızlı yükleme
- Daha az bant genişliği tüketimi
- Core Web Vitals iyileşmesi
Gerçek örnek
Bir sitenin CSS ve JavaScript dosyaları, geliştirme sırasında bırakılan boşluklar ve yorumlarla dolu, gereksiz büyüktü. Bu dosyalar küçültülüp (ve ayrıca sıkıştırılıp) sunulduğunda, toplam sayfa ağırlığı azaldı ve yükleme hızlandı.
Sık sorulanlar
Küçültme kodu bozar mı? Doğru yapıldığında hayır; yalnızca çalışmayı etkilemeyen boşluk ve yorumlar kaldırılır. Yine de küçültme sonrası sitenin test edilmesi iyi bir alışkanlıktır.
Elle mi yapılır? Hayır; küçültme genellikle bir derleme aracı, eklenti veya CDN tarafından otomatik yapılır. Kaynak dosyalarınız okunabilir kalır, yalnızca sunulan sürüm küçültülür.
Özet
Kod küçültme, dosyalardan gereksiz karakterleri (boşluk, yorum) kaldırarak boyutu düşürmektir. Sıkıştırmadan farklıdır ama birlikte kullanılır: küçültme içeriği sadeleştirir, sıkıştırma aktarımı verimlileştirir. İkisi sayfa hızını artıran temel optimizasyonlardır.