Asp.Net 4.5 Dahili JS ve CSS Minification

27.12.2011

1765

Build ikinci gün keynote'undan en çok hoşuma giden şeyler biri ASP.NET 4.5'teki JavaScript ve CSS minification özelliğiydi. Biliyorsunuz artık projelerimizde birçok JavaScript ve CSS dosyaları bulunuyor. Bu dosyaları ayrı ayrı HTML dosyalara include ediyoruz. Durum böyle olunca her bir dosya için tarayıcı tarafından ayrı istekler gönderiliyor sunucuya ve bu da sayfanın tamamen yüklenmesini geciktirmiş oluyor. Bunun çözümü tüm bu dosyaları birleştirip tek bir dosya haline getirmek ama bu sefer de kodların yönetimi, versyonlaması vs sıkıntılı olabiliyor. Yine de çoğu zaman production'a geçiş sürecinin bir adımı olarak elle minification yaptığımız oluyor.

ASP.NET 4.5 ile beraber bu işlem otomatik hale geliyor. JavaScript veya CSS dosyalarını bir klasör altında topladıktan sonra ASP.NET 4.5 alfabetik sıra ile bu dosyaları runtime'da birleştirip stream edebiliyor. CSS dosyalarını birleştirirken özellikle ilk başka reset.css ve normalize.css dosyaları alınıyor birleştirmeye.

[HTML]

Tüm JavaScript dosyalarınızı projenize Scripts adında bir klasörü attığınızı düşünürsek yukarıdaki gibi bir script inclusion gerekli birleştirmenin yapılarak istemciye gönderilmesini sağlayacaktır.

[HTML]

CSS dosyalarınızın bulunduğu styles adında bir klasörün var olduğunu düşünürsek CSS'lerin birleştirilip stream edilmesi için de yukarıdaki gibi bir link yeterli olacaktır.

Eğer ki birleştirilecek dosyaların tiplerini, yerlerini ve stream edilecek adresini değiştirmek isterseniz bunu Global.asax içerisinde aşağıdaki şekilde yapabilirsiniz.

[C#]

Bundle Yeni = new Bundle("/Scriptlerim", typeof(JsMinify));

Yeni.AddDirectory("/scriptklasoru", "*.js", false);

Yeni.AddFile("/scriptklasoru/tek.js");

BundleTable.Bundles.Add(Yeni);

Yukarıdaki kodumuzda birleştirilecek dosyaların sunulacağı adresi ve birleştirmek için kullanılacak sınıfı Bundle sınıfına parametre olarak geçiyor. Böylece yarattığım yeni birleştirme paketine sonrasında da AddDirectory veya AddFile ile tek tek dosya veya klasör ekliyoruz. Son olarak da BundleTable'a yarattığımız paketi ekleyip işimizi bitiyoruz.

Şu anda yapamadığımız birşey olmasa da yapılma şeklini kolaylaştırarak minification'ı ASP.NET'in parçası haline getirmek bence çok hoş bir hareket olmuş.

Yazar Hakkında

Daron Yöndem

daron.yondem.com

DEVELOAD Yazılım şirketi kurucusu Daron Yöndem ASP.NET alanında aldığı MVP ünvanını son üç yıldır Silverlight alanında devam ettirmektedir. Microsoft Regional Director ünvanına da sahip olan Daron Yöndem’e 2009, 2010 ve 2011 yıllarında Microsoft tarafından “Gold Global Impact Award” ödülü verilmiştir. Microsoft TechEd, PDC, DevReach, Microsoft DevDays gibi uluslararası konferanslarda konuşmacı olan Daron Yöndem INETA (International .NET Association) Orta-Doğu Afrika Bölge Başkanlığı görevini sürdürürerek 262.000’i aşkın üyesi olan 58 sosyal topluluğa destek vermektedir. Üç Türkçe, üç İngilizce kitabı olan Daron Yöndem’in Wrox Publishing gibi uluslararası yayınevlerinden kitapları bulunmaktadır.

Yazar Hakkında

Sosyal Medya

0 Yorum

Yorum Yaz / Soru Sor

Son Yorumlar

En Güncel Sorular

En Son Cevap Verilen Sorular

Twitter

En Çok Okunanlar

Sponsorlar