JavaScript Küçültücü

Web sayfalarında en çok işlemci gücü tüketen kaynak çoğu zaman JavaScript olur. Sorun yalnızca dosya boyutu değildir; tarayıcının o kodu ayrıştırması, derlemesi ve çalıştırması gerekir. Ortalama bir cep telefonunda bu işlem aktarım süresinden çok daha fazla vakit alır.

JavaScript küçültücü nasıl kullanılır?

1. JavaScript kodunu yukarıdaki alana yapıştır.
2. Dönüştürme butonuna tıkla.
3. Oluşan sıkıştırılmış kodu kopyala.
4. Küçültülen kodu ayrıntılı test et, çünkü olası hatalar bazen gözden kaçabilir.
5. Sıkıştırılmış dosyayı yayına alırken kaynak dosyayı ve kaynak haritasını mutlaka sakla.

JavaScript küçültme işlemi CSS temizliğinden nasıl farklılaşır?

Bir CSS sıkıştırıcı yalnızca gereksiz boşlukları ve satır sonlarını siler. JavaScript küçültücü ise boşlukları kaldırmanın yanında değişkenleri ve parametreleri yeniden adlandırır. Fonksiyon dışından erişilemeyen yerel tanımları tek harfli isimlere çevirir.

Asıl boyut tasarrufu da bu noktada ortaya çıkar. Örneğin calculateTotalPrice gibi uzun ve açıklayıcı bir isim t haline gelir. Bu sayede kodlar henüz ağ düzeyinde sıkıştırılmadan önce bile %30–50 oranında küçülebilir. Yalnızca boşlukları silmek asla bu seviyede bir kazanç sağlamaz.

JavaScript küçültme adımı neleri bozabilir?

• Çalışma anında Function.prototype.name değerini veya yapıcı fonksiyon adını okuyan yapıları.
• Eski AngularJS projelerinde olduğu gibi parametre isimlerine doğrudan dayanan bağımlılık enjeksiyonlarını.
• Dinamik olarak oluşturulan değişken adlarıyla eval çalıştıran mantıkları.
• Küçültücünün adını değiştirdiği nesne özellikleri üzerinde reflection yapan kodları.
• Zaten hassas yazılmış ve otomatik noktalı virgül ekleme mantığına güvenen uç senaryoları.

JavaScript üretim kodunda kaynak haritası kullanmak neden önemlidir?

Küçültülmüş bir kodda hata meydana geldiğinde hata yığını raporu satır 1, sütun 24.000 gibi hiçbir şey ifade etmeyen bir konum gösterir. Kaynak haritası, tarayıcının ve hata izleme araçlarının bu konumu doğrudan orijinal dosya adına ve asıl satırına çevirmesini sağlar.

Derleme adımı sırasında mutlaka bir kaynak haritası oluştur ve bunu izleme aracına yükle. Kaynak haritası olmadan canlı ortamdaki hataları ayıklamaya çalışmak vakit kaybettirir.

JavaScript küçültme hakkında sık sorulanlar