Web sitelerinde açılışta her bir javascript ve css dosyaları için requestler gider ve bunların sayısı sitenin açılış hızını düşürebilir.
Bundle minify işlemi ile hem tüm scriptleri tek bir dosya ile gönderecek hemde dosyanın minify edilmesini yani yorum satırları silinmiş gereksiz satırlardan arınmış bir şekilde birleştirecek.
Bunun için ilk önce Projeye Nuget yardımı ile
Microsoft.Asp.Net.Optimization yüklenir
daha sonra yeni bir class açarız ve içerisine static bir metot yazarız ve bu dışarıdan BundleCollection tipinde veri alır
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new ScriptBundle("~/bundles/scripts").Include(
"~/Scripts/jquery-3.0.0.js",
"~/Scripts/jquery.unobtrusive-ajax.min.js",
"~/Scripts/bootstrap.js",
"~/Scripts/DataTables/jquery.dataTables.js",
"~/Scripts/DataTables/dataTables.bootstrap.js",
"~/Scripts/custom.js",
"~/Scripts/bootbox.js"
));
bundles.Add(new StyleBundle("~/bundles/styles").Include(
"~/Content/bootstrap.css",
"~/Content/StyleSheet1.css",
"~/Content/DataTables/css/dataTables.bootstrap.css"
));
}
ve buraya dosya yolları eklenir daha sonra layout 'tan bu alanlar silinir
yerlerine ise
@Scripts.Render("~/bundles/scripts")
@styles.Render("~/bundles/styles")
Eklenir daha sonra bu işlemi çağırmak için Global.asax dosyasına
BundleConfig.RegisterBundles(BundleTable.Bundles);
burada kendi yazdığımız sınıfı ve metodu çağırdık ve bundlecollection tipinde bir veri gönderdik.
Son olarak ise View'in altında bulunan webconfig dosyasına namespace ekleyeceğiz
<add namespace="System.Web.Optimization"/>
bu işlem proje yayınlanmadan önce yapılmalı yani bu şekilde proje geliştirmek sağlıklı değildir
Top comments (0)