Modern web uygulamaları için paketler
Modern web uygulamaları genellikle optimize edilen, küçültülmüş ve kullanıcılarınız tarafından daha kısa sürede indirilebilecek bir dosya "paketi" (komut dosyaları, stil sayfaları vb.) oluşturmak için genellikle bir paketleme aracı kullanır. Webpack ile Web Performansı Optimizasyonu bölümünde, webpack'i kullanarak site kaynaklarını etkili bir şekilde nasıl optimize edeceğinizi adım adım göstereceğiz. Bu, kullanıcıların sitelerinizi daha hızlı yüklemesine ve sitelerle daha hızlı etkileşimde bulunmasına yardımcı olabilir.
![Webpack logosu.](https://web.dev/static/articles/webpack/image/webpack-logo.png?authuser=5&hl=tr)
webpack, günümüzde kullanılan en popüler paketleme araçlarından biridir. Modern kodu optimize etme özelliklerinden faydalanmak, komut dosyalarını kritik ve kritik olmayan parçalara bölmek ve kullanılmayan kodları çıkarmak (ancak birkaç optimizasyon yapmak için) uygulamanızın ağ ve işleme maliyetinin minimum düzeyde olmasını sağlayabilir.
![JavaScript optimizasyonlarını uygulamadan önce ve sonra. Etkileşime Hazır Olma Süresi iyileştirildi](https://web.dev/static/articles/webpack/image/before-after-applying-ja-4050ad9acad04.png?authuser=5&hl=tr)
Esin kaynağı: Bundle Buddy'de kod bölme - Susie Lu
Modern bir uygulamanın en maliyetli kaynaklarından biri olan JavaScript'i optimize ederek başlayalım.