Çevrimiçi Ücretsiz JavaScript Nasıl Küçültülür (2026 Rehberi)

İnsanlar için yazılmış JavaScript — girintili, yorumlu, okunabilir satırlara yayılmış — tarayıcıların ihtiyaç duyduğundan büyüktür. Küçültme, yalnızca insanların önemsediği kısımları (yorumlar, fazladan boşluk, satır sonları) kaldırır; böylece dosya daha hızlı indirilir. Bu rehber size çevrimiçi ücretsiz JavaScript'in nasıl küçültüleceğini, adım adım, temel küçültücünün ne yaptığı ve profesyonel derleme araçlarının nereden devraldığı hakkında dürüst açıklamayla gösterir.

Temel JS küçültücü ne yapar

Aracımız düz, güvenli dönüşümler yapar: Yorumları kaldırır — /* blok */ ve // satır yorumlarının ikisi de kaldırılır; Boşluğu daraltır — girintiler, boş satırlar ve satır sonları tek boşluk olur veya kaybolur; Noktalamayı sıkılaştırır — ayraçlar, işleçler ve ayırıcılar çevresindeki boşluk güvenli olduğu yerlerde kaldırılır. Kasten yapmadığı şey: değişkenleri yeniden adlandırmak, kod yapısını değiştirmek veya "ölü" kodu kaldırmak. Bu agresif iyileştirmeler Terser veya esbuild gibi tam derleme araçlarına aittir. Temel küçültücünün işi basit ve öngörülebilirdir — daha küçük dosya, aynı davranış.

Adım adım: ücretsiz aracımızla JavaScript küçültün

Bizim JS Küçültücü aracımız tamamen tarayıcınızda çalışır — özel kodu çekinmeden yapıştırın, çünkü hiçbir şey yüklenmez. Yöntem şudur: JS Küçültücü aracını açın. Bir giriş kutusu ("Paste JavaScript...") ve çıkış bölümü görürsünüz. JavaScript'inizi giriş kutusuna yapıştırın. "Minify JS (basic)" düğmesine tıklayın. Yorumlar ve boşluk kaldırılır ve kompakt sonuç görünür. Çıktıyı kopyalayın ve küçük bir dosyanın istendiği yerde kullanın.

Önce ve sonra örneği

Şunu yapıştırırsınız: // Greet the user function greet(name) { const message = "Hello, " + name + "!"; console.log(message); // show it } "Minify JS (basic)" düğmesine tıkladıktan sonra: function greet(name){const message="Hello, "+name+"!";console.log(message);} İşlev tamamen aynı davranır — yorumlar, girintiler ve satır sonları yalnızca kaybolur.

Temel küçültücünün gerçek kullanımları

• Küçük betikler ve parçacıklar: 50 satırlık bir yardımcı betik kurulum olmadan belirgin şekilde küçülür.
• Yer imi uygulamaları: Yer imi uygulamaları kompakt tek satırlık kod olmalıdır — küçültme pratikte zorunludur.
• Hızlı paylaşım: Küçültülmüş kodu biçimlendirme bozulmadan sohbet mesajına, forum gönderisine veya e-postaya yapıştırın.
• Küçültmenin nasıl çalıştığını öğrenmek: Önce/sonra çıktısını karşılaştırmak, küçültmenin aslında neyi değiştirdiğini (ve neyi bıraktığını) anlamanın en net yoludur.
• Tek seferlik üretim düzeltmeleri: Statik bir sitede küçük bir dosyayı acil düzeltmeniz mi gerekiyor? Derleme hattı kurmadan saniyeler içinde onu küçültün.

Bunun yerine gerçek bir derleme aracı ne zaman kullanılır

Burada dürüstlük önemlidir ve araç size kendisi söyler: bu temel bir küçültücüdür ve "üretim derlemeleri için Terser veya esbuild kullanın." Uygun bir derleme aracı şu durumlarda kullanın: projenizde birçok dosya, modül veya bağımlılık varsa — paketleyiciler hepsini halleder; maksimum boyut azaltma için değişken yeniden adlandırma ve ölü kod ortadan kaldırma istiyorsanız; kaynak haritaları istiyorsanız; böylece üretim hataları orijinal kodunuza kadar izlenebilir; küçültme otomatik dağıtımın parçasıysa — derleme araçları her işlemede çalışır. Diğer her şey için — hızlı betikler, demolar, deneyler — çevrimiçi araç hızlı ve basittir.

Güvenlik kuralları: bir şeyleri bozmadan küçültün

• Orijinali saklayın. Küçültülmüş JavaScript etkili olarak yalnızca yazılabilir. Her zaman okunabilir kaynak dosyanızı saklayın ve değişikliklerden sonra yeniden küçültün — küçültülmüş çıktıyı asla düzenlemeyin.
• Küçülttükten sonra test edin. Sayfayı açın (veya betiği çalıştırın) ve davranışın değişmediğini doğrulayın. Temel boşluk/yorum küçültücü çok güvenlidir, ancak 30 saniyelik bir test hiçbir şey almaz.
• Yoruma bağlı koda dikkat edin. Koşullu yorumlar veya yorumlardaki lisans başlıkları gibi nadir kalıplar kaybolur — gerekirse lisans bildirimlerini ayrı bir dosyada tutun.
• Kodu "gizlemek" için küçültmeyin. Küçültme şifreleme veya karartma değildir. Herkes bir güzelleştiriciyle çıktıyı yeniden biçimlendirebilir (örneğin stil sayfaları için bizim CSS Küçültücü aracının güzelleştirme modu veya herhangi bir JS biçimlendirici). İstemci tarafı JavaScript'te asla sır veya API anahtarı saklamayın, küçültülmüş olsun veya olmasın.

Küçültme + gzip: tam tablo

Küçültme hikâyenin bir yarısıdır; HTTP sıkıştırma (gzip veya Brotli) diğer yarısıdır. Tekrarlanan kod çok iyi sıkışır; bu yüzden küçültülmüş bir dosya daha da küçük sıkışır. Birlikte betiğin aktarılan boyutunu dramatik şekilde azaltabilirler. Sunucuyu kontrol ediyorsanız sıkıştırmayı etkinleştirin — bu en büyük kazançtır ve küçültme onun üzerine eklenir.

Sık sorulan sorular

JS Küçültücü gerçekten ücretsiz mi?

Evet — ücretsiz, sınırsız, kayıt yok. Tüm işleme tarayıcınızda gerçekleşir; bu yüzden kodunuz asla bir yere gönderilmez.

Küçültme kodumun çalışma şeklini değiştirir mi?

Hayır. Yorumları ve boşluğu kaldırmak anlamı değiştirmez — tarayıcı küçültülmüş ve orijinal kodu aynı çalıştırır. Bir uyarı: otomatik noktalı virgül eklemenin uç durumları, sonrasında her zaman test etmeniz gerektiğinin nedenidir.

Küçültme ile karartma arasındaki fark nedir?

Küçültme, kodu etkin şekilde okunabilir tutarken küçültür; karartma kasıtlı olarak kodu anlamayı zorlaştırır (yeniden adlandırılmış değişkenler, şifrelenmiş dizeler). Aracımız yalnızca ilkini yapar.

Küçültülmüş JS'yi tekrar güzelleştirebilir miyim?

Boşluk ve yorumlar biçimlendiriciyle geri yüklenebilir, ancak kaldırılan yorumlar sonsuza dek gider — orijinal kaynak dosyayı saklamanın bir başka nedeni.

Şimdi deneyin: Ücretsiz JS Küçültücü · CSS Küçültücü · HTML Kodlayıcı