Webtech Walker

jQuery1.4でhtmlとremoveのベンチマーク

jQuery1.4はhtmlとかremoveがやたら早くなってると聞いたので試しにベンチとってみた。

html()

ソース

console.time('t');
for (var i=0; i < 10000; i++) {
    $('body').html('<div>hoge</div>');
}
console.timeEnd('t');

結果

ブラウザ 1.3.2 1.4 比率
Firefox3.5 9295ms 3150ms 295%
Chrome3.0 4493ms 2590ms 173%
IE7 29168ms 5524ms 528%

remove()

ソース

var foo = $('<div>');
for (var i=0; i < 10000; i++) {
    foo.append('<div>hoge</div>');
}

console.time('t');
foo.find('div').each(function() {
    $(this).remove();
});
console.timeEnd('t');

結果

ブラウザ 1.3.2 1.4 比率
Firefox3.5 4291ms 613ms 700%
Chrome3.0 3452ms 650ms 531%
IE7 9709ms 3381ms 290%

700%w半端ねえw

このエントリーをはてなブックマークに追加