CSS ve JavaScript Minify Aracı

Küçültme, kodun çalışma şeklini değiştirmeden insanlar için yazılmış fazlalıkları kaldırmaktır: girintiler, satır sonları, yorumlar ve gereksiz noktalı virgüller. JavaScript’te ayrıca yerel değişken adları kısaltılabilir. Kazanç kodun yazım biçimine göre değişir; araç sonucu orijinal, küçültülmüş ve tahmini GZIP sonrası boyutla gösterir. Tarayıcı daha az veri indirir ve ayrıştırır.

Küçültme ile sıkıştırma farkı

Küçültme dosyanın kendisini kalıcı olarak küçültür. GZIP/Brotli sıkıştırması ise sunucunun dosyayı aktarırken geçici olarak sıkıştırmasıdır. İkisi birlikte kullanılmalıdır; küçültülmüş dosya sıkıştırıldığında da daha küçük olur.

Küçük dosyalar daha hızlı iner ve özellikle JavaScript’te daha hızlı ayrıştırılır. Bu, sayfanın ilk görüntülenme ve etkileşime hazır olma süresine katkı sağlar. Yine de en büyük kazanım çoğu zaman kullanılmayan kodu kaldırmaktan ve betikleri ertelemekten gelir; küçültme bu işlerin yerine geçmez.

WordPress gibi sistemlerde dosyaları tek tek küçültmek yerine önbellek eklentilerinin küçültme ve birleştirme özelliklerini kullanmak daha sürdürülebilirdir; tema güncellendiğinde işlemi tekrar yapmanız gerekmez. Bu araç; özel bir tema dosyası, tek sayfalık bir proje veya eklentinin bozduğu bir dosyayı kontrol etmek için idealdir.

Küçültme sonrası site bozulursa

Bazı eski betikler noktalı virgül eksikliği veya global değişken varsayımları nedeniyle küçültmede bozulabilir. Aracımız değişken adlarını değiştirmez ve satır sonlarını kodun anlamını etkileyebileceği yerlerde korur; yine de sorun çıkarsa dosyayı küçültme dışında bırakın ve tarayıcı konsolundaki hatayı inceleyin.

Kaynak haritası, küçültülmüş koddaki bir hatanın orijinal dosyada hangi satıra karşılık geldiğini tarayıcının geliştirici araçlarına bildirir. Canlı sitede herkese açık yayınlamak zorunda değilsiniz; yalnızca hata ayıklama ortamında kullanabilirsiniz. Aracımız kaynak haritası üretmez; gerekiyorsa derleme aracınızın (ör. Vite, webpack) bu özelliğini kullanın.

1. Dili seçin: CSS veya JavaScript sekmesini seçin ya da dosyanızı sürükleyip bırakın.
2. Seçenekleri belirleyin: Lisans yorumlarının (/*! … */) korunmasını isteyip istemediğinizi seçin.
3. Küçült’e basın: Küçültülmüş kod ve boyut tasarrufu anında görünür; sözdizimi hatası varsa satır numarasıyla gösterilir.
4. İndirip test edin: Dosyayı .min uzantısıyla indirin, sitenize yükleyin ve sayfanın düzgün çalıştığını kontrol edin.

Sitenizin hız optimizasyonunu baştan sona uzmanına bırakmak isterseniz site hızlandırma hizmetimize; LiteSpeed önbellekli altyapı için WordPress hosting paketlerimize göz atın.