JavaScript'i küçült

JavaScript dosyalarının küçültülmesi yük boyutlarını azaltabilir ve komut dosyası ayrıştırma süresini kısaltabilir. Lighthouse raporunuzun Fırsatlar bölümü, tüm küçültilmemiş JavaScript dosyalarını ve bu dosyalar küçültüldüğünde kibibayt (KiB) cinsinden muhtemel tasarrufları listeler:

Lighthouse Minify JavaScript denetiminin ekran görüntüsü

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

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

Yığına özel rehberlik

Drupal

Yönetim > Yapılandırma > Geliştirme sayfasında JavaScript dosyalarını topla'yı etkinleştirdiğinizden emin olun. JavaScript öğelerinizi birleştirerek, küçülterek ve sıkıştırarak sitenizi hızlandırmak için ek modüller aracılığıyla daha gelişmiş toplama seçeneklerini de yapılandırabilirsiniz.

Joomla

Bazı 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.

Tepki ver

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ı ile kontrol edebilirsiniz.

WordPress

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

Kaynaklar