JavaScript'i küçült

JavaScript dosyalarının küçültülmesi yük boyutlarını azaltıp komut dosyası ayrıştırma süresini kısaltabilir. Lighthouse raporunuzun Fırsatlar bölümünde, küçültülmemiş tüm JavaScript dosyalarının yanı sıra bu dosyalar küçültüldüğünde kibibayt (KiB) cinsinden olası tasarruflar listelenir:

Lighthouse JavaScript'i Basitleştirme denetiminin ekran görüntüsü

JavaScript dosyalarınızı küçültme

Küçültme, boşlukları ve daha küçük ama son derece geçerli bir kod dosyası oluşturmak için gerekli olmayan kodları kaldırma işlemidir. Terser popüler bir JavaScript sıkıştırma aracıdır. webpack v4, küçültülmüş derleme dosyaları oluşturmak için varsayılan olarak bu kitaplık için bir eklenti içerir.

Pakete özel yönergeler

Drupal

Yönetim » Yapılandırma » Geliştirme sayfasında JavaScript dosyalarını topla ayarını etkinleştirdiğinizden emin olun.

Joomla

Çeşitli Joomla uzantıları, komut dosyalarınızı birleştirerek, küçülterek ve sıkıştırarak sitenizi hızlandırabilir. Bu işlevi sağlayan şablonlar da vardır.

Magento

Statik içerik dağıtımındaki tüm JavaScript öğelerini küçültmek ve yerleşik küçültme özelliğini devre dışı bırakmak için Terser'ı kullanın.

React

Derleme sisteminiz JS dosyalarını otomatik olarak küçültüyorsa uygulamanızın üretim derlemesini dağıttığınızdan emin olun. Bunu React Geliştirici Araçları uzantısıyla kontrol edebilirsiniz.

WordPress

Çeşitli WordPress eklentileri, komut dosyalarınızı birleştirerek, küçülterek ve sıkıştırarak sitenizi hızlandırabilir. Ayrıca, mümkünse bu sadeleştirmeyi en başta yapmak için bir derleme işlemi kullanmak isteyebilirsiniz.

Kaynaklar