Minification Nedir?
Yayın: · Son güncelleme:
Minification Nedir? Kısaca
Minification (küçültme), CSS, JavaScript ve HTML dosyalarından boşluk, satır sonu ve yorum gibi çalışmak için gerekmeyen karakterlerin atılarak dosya boyutunun azaltılmasıdır.
Minification, kodun işlevini değiştirmeden gereksiz karakterlerini temizleyip dosyayı küçültme işlemidir. Ortaya çıkan dosyalar genellikle stil.min.css ya da uygulama.min.js gibi adlarla anılır.
Minification nedir?
Geliştiriciler kodu okunabilir yazmak için girinti, boşluk ve açıklama satırları kullanır. Tarayıcının ise bunlara ihtiyacı yoktur. Küçültme araçları bu karakterleri atar, JavaScript'te ayrıca uzun değişken adlarını kısaltabilir.
Basit bir CSS örneği:
/* Ana buton */
.buton {
color: #ffffff;
padding: 10px;
}
Küçültülmüş hâli: .buton{color:#fff;padding:10px}
Sonuç aynı görünür, ama dosya belirgin biçimde kısalır.
Gzip ve Brotli ile farkı
Minification dosyanın kendisini kalıcı olarak küçültür. Gzip ve Brotli gibi sıkıştırma yöntemleri ise dosyayı aktarım sırasında paketler, tarayıcı da açar. İkisi birbirinin alternatifi değildir; en iyi sonuç birlikte kullanıldığında alınır.
Nasıl yapılır, nelere dikkat etmeli?
Modern derleme araçları (Vite, webpack, esbuild) yayına hazırlık sırasında küçültmeyi otomatik yapar. WordPress sitelerinde önbellek ve performans eklentileri aynı işi bir ayarla üstlenir.
Kaynak dosyaları her zaman ayrı saklayın ve yalnızca küçültülmüş kopyayı yayına gönderin. Küçültülmüş kod üzerinde doğrudan düzenleme yapmak neredeyse imkânsızdır. Hata ayıklama için kaynak haritası (source map) dosyaları üretmek, tarayıcıda hatanın asıl satırını görmenizi sağlar. Ayarı açtıktan sonra sitenin her bölümünü test edin, çünkü bazı eski betikler agresif küçültmede bozulabilir.
Sıkça Sorulan Sorular
Minification ne kadar kazanç sağlar?
Kazanç dosyanın yazılış biçimine bağlıdır; çok yorum ve boşluk içeren dosyalarda fark büyüktür. Sıkıştırma ile birlikte kullanıldığında sayfa yükleme süresine katkısı daha belirgin olur.
Minification ile obfuscation aynı şey mi?
Hayır, minification boyutu küçültmeyi amaçlar. Obfuscation ise kodu bilerek anlaşılmaz hâle getirmeyi hedefler; küçültme yan etki olarak kodu okumayı zorlaştırsa da güvenlik önlemi sayılmaz.