Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı ASP.NET projelerinde bundle kullanımını adım adım göstermektedir.
- Video, bundle kavramının ne olduğunu açıklayarak başlıyor ve ardından JavaScript ve CSS dosyalarının nasıl birleştirileceğini ve minify edileceğini gösteriyor. Konuşmacı, Microsoft ASP.NET Web Optimization kütüphanesini nasıl kuracağını, AppStart.cs dosyasına BundleConfig sınıfı ekleyerek script ve CSS dosyalarını nasıl bundle edeceğini ve bu işlemi uygulamanın nasıl etkilediğini pratik bir örnek üzerinden anlatıyor. Video, bundle işleminin proje geliştirme sürecinde değil, yayınlama aşamasında yapılması gerektiğini vurgulayarak sonlanıyor.
- Bundle Kavramı ve Önemi
- Bundle, NVC açısından "sarmak, destelemek" veya "birleştirmek" anlamına gelir.
- Bir sayfayı yenilediğimizde, server'a 17 tane request göndeririz ve bunların çoğu JavaScript ve CSS dosyaları için olur.
- Projede 20-30 script dosyası olabilir ve her açılışta bu kadar requestte bulunmak sayfanın yavaşlamasına neden olur.
- 01:46Bundle Kullanımı İçin Hazırlık
- Bundle işlemi için projeye sağ tıklayıp "Manage NuGet Packages" seçeneğinden "Microsoft ASP.NET Web Optimization" kütüphanesini yüklemeniz gerekir.
- App.Start dosyasına "BundleConfig" adında bir sınıf ekleyip, "RegisterBundles" adında bir metot yazmanız gerekir.
- Bu metot, bundle collection parametresi alarak JavaScript ve CSS dosyalarını birleştirip minify eder.
- 03:52JavaScript Dosyalarını Bundle Etme
- "RegisterBundles" metodunda "NewScriptBundle" kullanarak runtime'da oluşacak bir virtual path belirleyebilirsiniz.
- "Include" parametresi ile birleştirmek istediğiniz JavaScript dosyalarını belirtebilirsiniz.
- Layout'taki tüm script dosyalarının yolunu BundleConfig dosyasına taşıyarak request sayısını teke indirebilir ve dosyaları minify edebilirsiniz.
- 10:36CSS Dosyalarını Bundle Etme
- CSS dosyalarını da benzer şekilde BundleConfig dosyasına ekleyerek birleştirebilirsiniz.
- CSS dosyalarını da minify ederek request sayısını azaltabilirsiniz.
- Projede JavaScript ve CSS için toplam request sayısı 17'den 5'e düşmüştür.
- 12:28Bundle Kullanımında Dikkat Edilmesi Gerekenler
- Bundle işlemi, proje yayınlayacağınız sırada yapılmalıdır.
- Proje geliştirme sürecinde bundle özelliğini kullanmak, hata ayıklama sürecini zorlaştırabilir.
- Bundle işlemi, proje tamamen bittikten sonra yapılmalıdır.