WhoSayIn.com – Hüseyin KELEŞ

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;

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