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
- Prev Entry:zshから辞書を引くの続き
- Next Entry:覚えておくと便利なgitのtipsをいくつか