Web paketi

Modern web uygulamaları için paket oluşturma

Modern web uygulamaları genellikle optimize edilmiş, küçültülmüş ve kullanıcılarınız tarafından daha kısa sürede indirilebilen bir üretim "paketi" (komut dosyaları, stil sayfaları vb.) oluşturmak için bir paket oluşturma aracı kullanır. Webpack ile Web Performansı Optimizasyonu başlıklı makalede, webpack'i kullanarak site kaynaklarını etkili bir şekilde nasıl optimize edeceğinizi adım adım anlatacağız. Bu, kullanıcıların sitelerinizi daha hızlı yüklemesine ve sitelerinizle daha hızlı etkileşime geçmesine yardımcı olabilir.

Webpack logosu.

webpack, günümüzde kullanılan en popüler paket oluşturma araçlarından biridir. Modern kodu optimize etme özellikleri sayesinde komut dosyalarını kritik ve kritik olmayan parçalara kod bölme, kullanılmayan kodları kaldırma (optimizasyonlardan sadece birkaçını belirtmek gerekirse) gibi işlemler yaparak uygulamanızın ağ ve işlem maliyetini en aza indirebilirsiniz.

JavaScript optimizasyonlarını uygulamadan önce ve sonra. Etkileşime geçme süresi iyileştirildi  

Susie Lu'nun Bundle Buddy'da kod bölme makalesinden esinlenmiştir.

Modern bir uygulamadaki en maliyetli kaynaklardan biri olan JavaScript'i optimize etmeye bakarak başlayalım.