multipleappends

JavaScript performance comparison

Revision 2 of this test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="container">
</div>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
multi
$('#container').append('<div class="message_contrainer" style="text-align: left">  <div class="namebox"><b>Simon '
Sphere ' <a href="#" onclick="twitter_user('
SphereSilver ','
711 ','
14918922 '); return false;" style="color: LightSlateGray">@SphereSilver</a></b> <br></div> <span class="message message-299255950701899776" id="msgid-299255950701899776">I just picked up my monitor, thinking it was my iPad :/</span><br><span class="timestamp_right"><abbr class="timeago" title="Wednesday, 6 Feb 2013 at 21:39">9 minutes ago</abbr> via <img src="img/twitter.png">brantje</span><br><span class="options_left"><span class="options_left"><a href="#" onclick="twitter_reply_box('
299255950701899776 ','
711 ','
14918922 '); return false;">Reply</a> | <a href="#" onclick="twitter_retweet_comment('','
SphereSilver ','
299255950701899776 ','
711 '); return false;">Retweet with comment</a>  |  <a href="#" onclick="re_tweet('
299255950701899776 ','
14918922 ','
711 '); return false;">Retweet</a> | <a href="#" onclick="twitter_quote('','
SphereSilver ','
299255950701899776 ','
711 '); return false;">Quote</a>  |  <a href="#" onclick="re_tweet('
299255950701899776 ','
14918922 ','
711 '); return false;">Retweet</a> | <span class="twfav-299255950701899776"><a href="#" onclick="fav_tweet('
299255950701899776 ','
14918922 ','
711 '); return false;">Favorite</a></span> </span></span><br></div>');
$('#container').append('<div class="message_contrainer" style="text-align: left">  <div class="namebox"><b>Simon '
Sphere ' <a href="#" onclick="twitter_user('
SphereSilver ','
711 ','
14918922 '); return false;" style="color: LightSlateGray">@SphereSilver</a></b> <br></div> <span class="message message-299255950701899776" id="msgid-299255950701899776">I just picked up my monitor, thinking it was my iPad :/</span><br><span class="timestamp_right"><abbr class="timeago" title="Wednesday, 6 Feb 2013 at 21:39">9 minutes ago</abbr> via <img src="img/twitter.png">brantje</span><br><span class="options_left"><span class="options_left"><a href="#" onclick="twitter_reply_box('
299255950701899776 ','
711 ','
14918922 '); return false;">Reply</a> | <a href="#" onclick="twitter_retweet_comment('','
SphereSilver ','
299255950701899776 ','
711 '); return false;">Retweet with comment</a>  |  <a href="#" onclick="re_tweet('
299255950701899776 ','
14918922 ','
711 '); return false;">Retweet</a> | <a href="#" onclick="twitter_quote('','
SphereSilver ','
299255950701899776 ','
711 '); return false;">Quote</a>  |  <a href="#" onclick="re_tweet('
299255950701899776 ','
14918922 ','
711 '); return false;">Retweet</a> | <span class="twfav-299255950701899776"><a href="#" onclick="fav_tweet('
299255950701899776 ','
14918922 ','
711 '); return false;">Favorite</a></span> </span></span><br></div>');
$('#container').append('<div></div>');
pending…
single
var string = '<div></div>';
string += '<div><div class="message_contrainer" style="text-align: left">  <div class="namebox"><b>Simon '
Sphere ' <a href="#" onclick="twitter_user('
SphereSilver ','
711 ','
14918922 '); return false;" style="color: LightSlateGray">@SphereSilver</a></b> <br></div> <span class="message message-299255950701899776" id="msgid-299255950701899776">I just picked up my monitor, thinking it was my iPad :/</span><br><span class="timestamp_right"><abbr class="timeago" title="Wednesday, 6 Feb 2013 at 21:39">9 minutes ago</abbr> via <img src="img/twitter.png">brantje</span><br><span class="options_left"><span class="options_left"><a href="#" onclick="twitter_reply_box('
299255950701899776 ','
711 ','
14918922 '); return false;">Reply</a> | <a href="#" onclick="twitter_retweet_comment('','
SphereSilver ','
299255950701899776 ','
711 '); return false;">Retweet with comment</a>  |  <a href="#" onclick="re_tweet('
299255950701899776 ','
14918922 ','
711 '); return false;">Retweet</a> | <a href="#" onclick="twitter_quote('','
SphereSilver ','
299255950701899776 ','
711 '); return false;">Quote</a>  |  <a href="#" onclick="re_tweet('
299255950701899776 ','
14918922 ','
711 '); return false;">Retweet</a> | <span class="twfav-299255950701899776"><a href="#" onclick="fav_tweet('
299255950701899776 ','
14918922 ','
711 '); return false;">Favorite</a></span> </span></span><br></div></div>';
string += '<div></div>';
$('#container').append(string);
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment