Javascript kütüphanelerindeki Css Seçicileri ne kadar hızlı?
SlickSpeed testi sayesinde Prototype.js, jQuery, MooTools ve Ext gibi en popüler javascript kütüphanelerindeki css seçicilerinin performansını ölçebiliyoruz. Hangi javascript kütüphanesinin ne kadar hızlı css seçicilerine sahip olduğunu görmek için güzel bir test. Mutlaka denemenizi öneririm.
CSS Seçicileri de ne?
JavaScript kütüphanelerinin en büyük kolaylıklarından birisi de “css selector” dediğimiz css seçicileri’dir. Css seçicileri sayesinde adı üzerinde css kodlarken kullandığımız seçicileri kullanarak, JavaScript üzerinden web sayfamızdaki elemanlara erişiriz.
Örneğin css kodlarken div.resimler ile div elemanları içerisinden class özniteliği resimler olanların seçilmesini sağlarız. Aynı kullanımı JavaScript kütüphanelerinde de görebilirisiniz. Bu işi prototype.js veya JQuery ile $('div.resimler') şeklinde yapabiliyorsunuz meselâ.
SlickSpeed testi
Yazının giriş kısmında da dediğim gibi SlickSpeed, popüler javascript kütüphanelerinin css seçicilerindeki performanslarını ve geçerliliklerini ölçmeyi amaçlıyor. Yine örnek vermek gerekirse “yıldız (*) seçicisini en hızlı hangi javascript kütüphanesi işliyor, hangisinde yakalanmış olan eleman sayısı doğru olarak bildiriliyor” öğrenebiliyorsunuz ve karşılaştırmalar yapabiliyorsunuz.
SlickSpeed sayfasına girdikten sonra testi başlatmak için sayfanın sağ üst köşesindeki start tests butonuna tıklamanız yeterlidir. Yeşilimsi renk en hızlı değeri gösterirken kırmızımsı renk de en yavaş değeri göstermektedir.
SlickSpeed ekran görüntüsü
Sonuç
Bu testi Opera, Firefox ve Internet Explorer web tarayıcılarında yaptım. Prototype.js kütüphanesi Opera ve Firefox’da en hızlı ve en geçerli sonucu verdi. IE 7 ve IE 6 ile yaptığım testlerde ise Ext kütüphanesi en hızlısıydı ama bazı css seçicilerini de desteklemiyordu.
Özetle, css seçicileri konusunda en iyisi önce prototype.js, daha sonra da MooTools. Benim favori javascript kütüphanem jQuery ise bana biraz hayal kırıklığı yaşattı 
Ayrıca keşke testte YUI ve Dojo da olsa dedim. Sanırım Dojo yakında eklenecek ama YUI için bir bilgim yok.
Yorum takibi
Geri izleme
Yazıyı Paylaş
13 Haziran 2007, 10:55
Programlama
Bugün 0 kez, toplam 1,662 kez okundu.
css, firefox, internet explorer, javascript, jquery, opera, prototype.js, seçiciler, selectors, web
13 Haziran 2007, 12:01
benim favori kütüphanelerim prototype ve jquery, mootools’a ısınamadım nedense
ama jquery hayal kırıklığı yaratmış gerçekten 
13 Haziran 2007, 12:13
jQuery bazı css seçicilerine gereksiz oldukları için bilerek destek vermiyor. Ayrıca yeni sürümünde css seçicileri için performans arttırmaya yönelik değişiklikler yapılacakmış ya bakalım.
Ayrıca bu test, bir javascript kütüphanesinin tamamını bağlamaz. Biliyorsun ki bunun daha ajax’ı var, olay dinleyicisi var, efektleri var… Css seçicileri yalnızca 1 parçası.
24 Mart 2008, 20:16
Firefox2 ve IE7′de denedim. Puanlar arasında inanılmaz farklar var. Mesela Firefox’ta Dojo 1.0.2, 238 puanla üçüncü ama IE7′de 457 puanla birinci. Fark az gibi görülebilir ama değil. Prototype 1.6.0.2′ye bakalım bir de… Firefox’ta 326 puanla birinci olan kütüphane IE7′de tam bir hayal kırıklığı. 3124 puanla sonuncu.
Merak ettiğim şey kütüphanelerin mi IE7′ye ayak uyduramaması yoksa IE7′nin mi standartlara uymaması ?
25 Mart 2008, 00:15
@AnılKaN
Her web tarayıcısının javascript’i yorumlama metodlarının farklı olduğunu biliyorum. Dolayısıyla her birisinde farklı sonuçlar çıkması doğaldır. Ayrıca kütüphane yazarları da özellikle belli bir tarayıcı için optimizasyon yapmış olabiliyor. Mesela Ptototype’ın Firefox için özel olarak optimize edildiğini okumuştum bir blogda.
Şu anda javascript’i en hızlı yorumlayanın Safari olduğu belirtiliyor. Bir de yakında Opera 9.5 ile tanışacağız. Opera 9.5′te de javascripti yorumlama konusunda ileri derecede iyileştirmeler yapıldığını biliyorum (BETA’sını kullanarak kendim de test ettim).
Son olarak sana The Great Browser JavaScript Showdown yazısının linkini veriyorum. Bu yazıda SunSpider isimli benchmark aracı kullanılarak tarayıcıların javascript’i yorumlama süreleri karşılaştırılmış. Opera 9.5′e dikkat et
19 Nisan 2008, 23:51
Benim yaptığım testlerde de Dojo baya bir fark yaptı diger kütüphanelere göre ama Erhan’ında dediği çeşitli optimizasyonlarla tarayıcı bazlı hızlandırmalar yapılıyor olabilir kütüphanelerde güzel bir çalışma olmasına ragmen bir çok etkenin olabileceğini hatırlatırım,açıkçası testte Jquery’nin biraz geri kalmış olmasını bende içerledim
,101 kere yapınca testi Jquery öne geçiyor ayrıca (asparagas 
),diger testede baktım gerçekten Opera 9.5′a dikkat diyorum bende polemik gibi olmasın ama IE kadar diger browserların da kendilerine standartlar konusunda çekidüzen vermesi yanlısıyım özellikle Opera’nın ,IE vermez zaten şaka bir yana browserlar cephesinde IE ‘da dahil buna güzel gelişmelerin olacağı kanısındayım.Erhan sanada teşekkürler paylaşım için bütün yazılarını okudum sanıyordum ama bunu atlamışım sanırım .