jQuery Nesne Oluşturma Yöntemleri ve Hız Testi
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;
- $(document.createElement(‘div’))
- $(‘<div>’)
- $(‘<div/>’)
- $(‘<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;
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
Benzer Yazılar (bunları bilgisayar seçiyor);
- jQuery için Plugin Hazırlama
Merhaba! Bu yazımda nasıl jQuery plugini yapıldığından bahsedeceğim ve birlikte basit bir plugin yap... - jQuery ve PHP ile Basit Ajax Uygulaması
Merhaba, Bu yazımızda JQuery kütüphanesini kullanarak örnek bir Ajax uygulaması oluşturacağız. Uyg... - jQuery Live Metodu ve Kullanımı
Merhaba. Uzun zamandır jQuery ile ilgili yazı yazmadığımı farkettim ve benim de yeni kullanmaya başlad... - jQuery ile JSON Kullanımı
Merhaba. Günümüzde artık pek çok site API desteği veriyor ve çoğu web sitesi API'den dönen sonucu ...
Son Yorumlar