jQuery Nesne Oluşturma Yöntemleri ve Hız Testi

Salı, 22 Eyl 2009 yorum ekle yorumlara git

Merhaba.

Öncelikle hepinizin Ramazan Bayramı’nı kutluyorum ve hızlı bir şekilde yazıya başlıyorum. jQuery ile çoğu zaman çalışma anında yeni bir nesne oluşturmak isteriz. Nesneleri oluşturmanın pek çok farklı yolu var. Sonuç hepsinde aynı olsa da performans yönünden hepsi aynı verimi sergileyemiyebiliyor. Ben de kendimce bir hız testi yapmaya karar verdim. Çok hassas bir test olmadığını en başından söyleyeyim. Test sonuçları sistemden sisteme farklılık gösterecektir. Fakat en azından bir fikir edinmemize yardımcı olacağından eminim.

jQuery ile nesne oluşturmanın 4 farklı yöntemini ele aldım. Bu 4 farklı yöntem ile 50.000 adet div elementi oluşturdum ve geçen süreyi hesaplattım. Bunlar sırasıyla;

  1. $(document.createElement(‘div’))
  2. $(‘<div>’)
  3. $(‘<div/>’)
  4. $(‘<div></div>’)

Yaptığım testte $(document.createElement(‘div’)) açık ara önde görünüyor. Çıkan sonucu grafiğe döktüğümüzde aşağıdaki görseli elde ediyoruz;jQuery Benchmark

Yöntem Süre (ms)
$(document.createElement(‘div’)) 456
$(‘<div>’) 1440
$(‘<div/>’) 1478
$(‘<div></div>’) 5500

Umarım yaptığım bu küçük test çalışmalarınızda size faydalı olmuştur. Testi kendiniz uygulamak isterseniz; jQuery Benchmark


Paylaş:
  • Facebook
  • FriendFeed
  • Twitter
  • del.icio.us
  • Digg
  • StumbleUpon
  • Technorati
  • LinkedIn
  • MySpace
  • BlinkList
  • Reddit
  • RSS
  • email
  • PDF

Benzer Yazılar (bunları bilgisayar seçiyor);

Categories: JavaScript, Programlama, jQuery 3.555 Gösterim
  1. şimdilik yorum yok.
  1. şimdilik geri bağlantı yok