compare (v2)

Revision 2 of this benchmark created by Firepolo on


Test runner

Ready to run.

Testing in
TestOps/sec
array.join()
var html = [];
html.push(
  '<div class="c-item">',
  '<a href="#" class="c-img">',
  '<img class="border-img" src="http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg?_=1384308019032" width="100px" height="100px">',
  '</a>',
  '<div class="c-info">',
  '<p class="c-name">C-NAME</p>',
  '<p class="desc">I once worked with a development team that eschewed the use of JavaScript because it was difficult to test. Now this was a few years back, but maybe they didn\'t look very hard for JS testing frameworks. </p>',
  '<p class="c-code">',
  '<strong>Code</strong>',
  '<a class="btn-code">ABCDEFGH</a>',
  '<span class="g-until">',
  '<strong>Good Until:</strong>',
  '<span class="date">13/11/2013</span>',
  '</span>',
  '<label class="overlay">',
  '<input type="text" value="ABCDEFGH"/>',
  'Copy code then click',
  '<a class="btn" href="#">Click here</a>',
  '</label>',
  '</p>',
  '<a class="c-link" href="#">See all c-links &raquo;</a>',
  '</div>',
  '</div>'
);

html.join('');
ready
string.concat()
var html = '',
  html1 = '<div class="c-item">',
  html2 = '<a href="#" class="c-img">',
  html3 = '<img class="border-img" src="http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg?_=1384308019032" width="100px" height="100px">',
  html4 = '</a>',
  html5 = '<div class="c-info">',
  html6 = '<p class="c-name">C-NAME</p>',
  html7 = '<p class="desc">I once worked with a development team that eschewed the use of JavaScript because it was difficult to test. Now this was a few years back, but maybe they didn\'t look very hard for JS testing frameworks. </p>',
  html8 = '<p class="c-code">',
  html9 = '<strong>Code</strong>',
  html10 = '<a class="btn-code">ABCDEFGH</a>',
  html11 = '<span class="g-until">',
  html12 = '<strong>Good Until:</strong>',
  html13 = '<span class="date">13/11/2013</span>',
  html14 = '</span>',
  html15 = '<label class="overlay">',
  html16 = '<input type="text" value="ABCDEFGH"/>',
  html17 = 'Copy code then click',
  html18 = '<a class="btn" href="#">Click here</a>',
  html19 = '</label>',
  html20 = '</p>',
  html21 = '<a class="c-link" href="#">See all c-links &raquo;</a>',
  html22 = '</div>',
  html23 = '</div>';

html = html.concat(html1, html2, html3, html4, html5, html6, html7, html8, html9, html10, html11, html12, html13, html14, html15, html16, html17, html18, html19, html20, html21, html22, html23);
ready
string concat
var html = '';
html += '<div class="c-item">';
html += '<a href="#" class="c-img">';
html += '<img class="border-img" src="http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg?_=1384308019032" width="100px" height="100px">';
html += '</a>';
html += '<div class="c-info">';
html += '<p class="c-name">C-NAME</p>';
html += '<p class="desc">I once worked with a development team that eschewed the use of JavaScript because it was difficult to test. Now this was a few years back, but maybe they didn\'t look very hard for JS testing frameworks. </p>';
html += '<p class="c-code">';
html += '<strong>Code</strong>';
html += '<a class="btn-code">ABCDEFGH</a>';
html += '<span class="g-until">';
html += '<strong>Good Until:</strong>';
html += '<span class="date">13/11/2013</span>';
html += '</span>';
html += '<label class="overlay">';
html += '<input type="text" value="ABCDEFGH"/>';
html += 'Copy code then click';
html += '<a class="btn" href="#">Click here</a>';
html += '</label>';
html += '</p>';
html += '<a class="c-link" href="#">See all c-links &raquo;</a>';
html += '</div>';
html += '</div>';
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

  • Revision 2: published by Firepolo on