Kod Küçültücü

Referans

Kod küçültme nedir?

Kod küçültme, kaynak koddan gereksiz karakterleri — boşluklar, yorumlar, satır sonları ve isteğe bağlı sınırlayıcılar — kodun davranışını değiştirmeden kaldırır. Sonuç, ağ üzerinden daha hızlı indirilen daha küçük bir dosyadır. Küçültme, modern her ön uç derleme hattında standart bir adımdır ve Google'ın Web Performans yönergeleri tarafından HTML, CSS ve JavaScript için önerilir.

HTML küçültme

HTML küçültme, HTML yorumlarını (<!-- ... -->) kaldırır ve etiketler arasındaki boşlukları sıkıştırır. Tarayıcılar HTML'deki fazla boşlukları yoksayar, bu nedenle kaldırmak görsel etki yaratmaz ancak dosya boyutunu azaltır. Tipik HTML küçültme tasarrufu, biçimlendirme stili ve yorum yoğunluğuna bağlı olarak %10–25 arasındadır. Satır içi <style> ve <script> blokları da kendi dil-özelinde küçültmeden yararlanır.

CSS küçültme

CSS küçültme, yorumları (/* ... */) kaldırır, boşlukları sıkıştırır ve {, }, :, ; ve , çevresindeki boşlukları kaldırır. CSS ayrıştırıcılarının atlanmasına izin verdiği } öncesindeki son noktalı virgülü de kaldırır. İyi yorumlanmış CSS dosyaları genellikle %20–40 boyut azalması görür. Üretim için cssnano ve Lightning CSS gibi araçlar, yinelenen kuralları birleştirme, renkleri kısaltma (#ffffff → #fff) ve gereksiz önekleri kaldırma gibi daha ileri işlemler yapar.

JavaScript küçültme

Bu araç muhafazakâr JavaScript küçültme gerçekleştirir: tek satırlı yorumları (// ...), çok satırlı yorumları (/* ... */) kaldırır ve boşlukları sıkıştırır. Bu güvenli ve hızlıdır ancak tam bir optimize edici değildir — değişkenleri yeniden adlandırmaz, kullanılmayan dışa aktarmaları elemez veya ölü kodu kaldırmaz. Üretim derlemeleri için özel araçlar kullanın: Terser (Webpack/Vite standardı), esbuild (son derece hızlı, Go tabanlı) veya SWC (Rust tabanlı, Next.js tarafından kullanılır). Bu araçlar, küçültmeyi değişken gizleme ile birleştirerek %40–70 boyut azalması sağlar.

Gizlilik

Tüm işlemler %100 tarayıcınızda çalışır. Hiçbir veri sunucuya gönderilmez.