jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.

jsperf.com URLs are mirrored at the same path, e.g:

https://jsperf.com/negative-modulo/2

Can be accessed at:

https://jsperf.app/negative-modulo/2

clone vs append

Benchmark created by test on June 23, 2014

Preparation HTML

<table id="pipeline">
        <thead>
                <tr>
                        <th>column 1</th>
                        <th>column 2</th>
                        <th>column 3</th>
                        <th>column 4</th>
                        <th>column 5</th>
                        <th>column 6</th>
                </tr>
        </thead>
        <tbody>
                <tr>
                        <td>
                                <h1>Title of the deal</h1>
                                <span>Name of the contact</span>
                                <span>Value of the deal</span>
                                <svg version="1.1" class="icon_calendar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 283.5 283.5" enable-background="new 0 0 283.5 283.5" xml:space="preserve">
                                <path d="M249.2,166.8c-58.8,0-107.7,46.6-170.9,46.6c-9.7,0-28.9,1.4-35.5-14.3c-3.5-8.1-18.1-42.5-29.2-69c-4.6-1-9.1-2.4-13.3-4.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5c-0.7-1.5-6.2-14.4-13.1-30.6C262.8,167.5,254.9,166.8,249.2,166.8z"/>
                                <path d="M239.6,54.5c-4.6-10.3-15.3-12.9-34.3-12.9c-62,0-113.2,46.8-172.8,46.8c-10.8,0-22.2-2-32.2-6.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5C281.1,151.4,242.9,62.1,239.6,54.5z M158.9,163.1c-22.1,8.7-47.8-3.9-57.4-28.1s0.6-51,22.7-59.7c22.1-8.7,47.8,3.9,57.4,28.1C191.1,127.6,181,154.4,158.9,163.1z"/>
                                <path d="M154,115.3c-2.6-1.5-6.5-2.5-12-3c0,0-0.1,0-0.2,0L136,97.4c0.7-0.1,1.4,0,2.1,0.1c1.4,0.3,2.8,1.1,4.4,2.3l4.5-5.6c-1.9-2.3-4.3-3.8-7.2-4.3c-2.1-0.4-4.3-0.3-6.6,0.3l-1.7-4.3l-4.9,1.9l1.7,4.3c-2.9,1.6-5,3.8-6.2,6.7c-1.5,3.5-1.5,7.4,0.1,11.5c1.2,3.2,3.1,5.5,5.7,7c2.3,1.4,6.2,2.5,11.6,3.2L146,137c-1.5,0.3-3,0.3-4.4-0.1c-2-0.6-3.7-1.9-5.1-3.9l-4.8,5.4c2.2,3.4,5,5.5,8.2,6.5c2.8,0.8,5.8,0.8,9-0.2l1.8,4.7l4.9-1.9l-1.9-4.9c3-1.8,5.1-4.1,6.3-7.1c1.6-3.9,1.5-8.2-0.4-13C158.5,119.3,156.6,116.9,154,115.3z M129.9,106.8c-0.8-1.9-0.8-3.7,0-5.3c0.3-0.7,0.8-1.4,1.4-2l4.6,11.8C132.7,110.4,130.7,108.9,129.9,106.8z M152.6,132.3c-0.4,1-1,1.8-1.8,2.5l-5.3-13.5c3.7,0.8,6,2.4,6.9,4.8C153.3,128.4,153.4,130.4,152.6,132.3z"/>
                                </svg>
                                <span class="date">this week</span>
                                <div class="checklist">
                                        <input type="checkbox" value="1" />
                                        <input type="checkbox" value="2" />
                                        <input type="checkbox" value="3" />
                                        <input type="checkbox" value="4" />
                                        <input type="checkbox" value="5" />
                                </div>
                                <svg version="1.1" class="icon_calendar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 283.5 283.5" enable-background="new 0 0 283.5 283.5" xml:space="preserve">
                                <path d="M249.2,166.8c-58.8,0-107.7,46.6-170.9,46.6c-9.7,0-28.9,1.4-35.5-14.3c-3.5-8.1-18.1-42.5-29.2-69c-4.6-1-9.1-2.4-13.3-4.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5c-0.7-1.5-6.2-14.4-13.1-30.6C262.8,167.5,254.9,166.8,249.2,166.8z"/>
                                <path d="M239.6,54.5c-4.6-10.3-15.3-12.9-34.3-12.9c-62,0-113.2,46.8-172.8,46.8c-10.8,0-22.2-2-32.2-6.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5C281.1,151.4,242.9,62.1,239.6,54.5z M158.9,163.1c-22.1,8.7-47.8-3.9-57.4-28.1s0.6-51,22.7-59.7c22.1-8.7,47.8,3.9,57.4,28.1C191.1,127.6,181,154.4,158.9,163.1z"/>
                                <path d="M154,115.3c-2.6-1.5-6.5-2.5-12-3c0,0-0.1,0-0.2,0L136,97.4c0.7-0.1,1.4,0,2.1,0.1c1.4,0.3,2.8,1.1,4.4,2.3l4.5-5.6c-1.9-2.3-4.3-3.8-7.2-4.3c-2.1-0.4-4.3-0.3-6.6,0.3l-1.7-4.3l-4.9,1.9l1.7,4.3c-2.9,1.6-5,3.8-6.2,6.7c-1.5,3.5-1.5,7.4,0.1,11.5c1.2,3.2,3.1,5.5,5.7,7c2.3,1.4,6.2,2.5,11.6,3.2L146,137c-1.5,0.3-3,0.3-4.4-0.1c-2-0.6-3.7-1.9-5.1-3.9l-4.8,5.4c2.2,3.4,5,5.5,8.2,6.5c2.8,0.8,5.8,0.8,9-0.2l1.8,4.7l4.9-1.9l-1.9-4.9c3-1.8,5.1-4.1,6.3-7.1c1.6-3.9,1.5-8.2-0.4-13C158.5,119.3,156.6,116.9,154,115.3z M129.9,106.8c-0.8-1.9-0.8-3.7,0-5.3c0.3-0.7,0.8-1.4,1.4-2l4.6,11.8C132.7,110.4,130.7,108.9,129.9,106.8z M152.6,132.3c-0.4,1-1,1.8-1.8,2.5l-5.3-13.5c3.7,0.8,6,2.4,6.9,4.8C153.3,128.4,153.4,130.4,152.6,132.3z"/>
                                </svg>
                        </td>
                </tr>
        </tbody>
</table>
 

  };
</script>

Setup

Benchmark.prototype.setup = function() {
    <script src="//cdn.ext/library.js">

Test runner

Ready to run.

Test Ops/sec

clone

Testing in
Test	Ops/sec
clone	`$('#pipeline tbody tr td').clone().appendTo('#pipeline tbody tr');`	ready
append	$('#pipeline tbody tr').append('<table id="pipeline"> <thead> <tr> <th>column 1</th> <th>column 2</th> <th>column 3</th> <th>column 4</th> <th>column 5</th> <th>column 6</th> </tr> </thead> <tbody> <tr> <td> <h1>Title of the deal</h1> <span>Name of the contact</span> <span>Value of the deal</span> <svg version="1.1" class="icon_calendar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 283.5 283.5" enable-background="new 0 0 283.5 283.5" xml:space="preserve"> <path d="M249.2,166.8c-58.8,0-107.7,46.6-170.9,46.6c-9.7,0-28.9,1.4-35.5-14.3c-3.5-8.1-18.1-42.5-29.2-69c-4.6-1-9.1-2.4-13.3-4.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5c-0.7-1.5-6.2-14.4-13.1-30.6C262.8,167.5,254.9,166.8,249.2,166.8z"/> <path d="M239.6,54.5c-4.6-10.3-15.3-12.9-34.3-12.9c-62,0-113.2,46.8-172.8,46.8c-10.8,0-22.2-2-32.2-6.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5C281.1,151.4,242.9,62.1,239.6,54.5z M158.9,163.1c-22.1,8.7-47.8-3.9-57.4-28.1s0.6-51,22.7-59.7c22.1-8.7,47.8,3.9,57.4,28.1C191.1,127.6,181,154.4,158.9,163.1z"/> <path d="M154,115.3c-2.6-1.5-6.5-2.5-12-3c0,0-0.1,0-0.2,0L136,97.4c0.7-0.1,1.4,0,2.1,0.1c1.4,0.3,2.8,1.1,4.4,2.3l4.5-5.6c-1.9-2.3-4.3-3.8-7.2-4.3c-2.1-0.4-4.3-0.3-6.6,0.3l-1.7-4.3l-4.9,1.9l1.7,4.3c-2.9,1.6-5,3.8-6.2,6.7c-1.5,3.5-1.5,7.4,0.1,11.5c1.2,3.2,3.1,5.5,5.7,7c2.3,1.4,6.2,2.5,11.6,3.2L146,137c-1.5,0.3-3,0.3-4.4-0.1c-2-0.6-3.7-1.9-5.1-3.9l-4.8,5.4c2.2,3.4,5,5.5,8.2,6.5c2.8,0.8,5.8,0.8,9-0.2l1.8,4.7l4.9-1.9l-1.9-4.9c3-1.8,5.1-4.1,6.3-7.1c1.6-3.9,1.5-8.2-0.4-13C158.5,119.3,156.6,116.9,154,115.3z M129.9,106.8c-0.8-1.9-0.8-3.7,0-5.3c0.3-0.7,0.8-1.4,1.4-2l4.6,11.8C132.7,110.4,130.7,108.9,129.9,106.8z M152.6,132.3c-0.4,1-1,1.8-1.8,2.5l-5.3-13.5c3.7,0.8,6,2.4,6.9,4.8C153.3,128.4,153.4,130.4,152.6,132.3z"/> </svg> <span class="date">this week</span> <div class="checklist"> <input type="checkbox" value="1" /> <input type="checkbox" value="2" /> <input type="checkbox" value="3" /> <input type="checkbox" value="4" /> <input type="checkbox" value="5" /> </div> <svg version="1.1" class="icon_calendar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 283.5 283.5" enable-background="new 0 0 283.5 283.5" xml:space="preserve"> <path d="M249.2,166.8c-58.8,0-107.7,46.6-170.9,46.6c-9.7,0-28.9,1.4-35.5-14.3c-3.5-8.1-18.1-42.5-29.2-69c-4.6-1-9.1-2.4-13.3-4.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5c-0.7-1.5-6.2-14.4-13.1-30.6C262.8,167.5,254.9,166.8,249.2,166.8z"/> <path d="M239.6,54.5c-4.6-10.3-15.3-12.9-34.3-12.9c-62,0-113.2,46.8-172.8,46.8c-10.8,0-22.2-2-32.2-6.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5C281.1,151.4,242.9,62.1,239.6,54.5z M158.9,163.1c-22.1,8.7-47.8-3.9-57.4-28.1s0.6-51,22.7-59.7c22.1-8.7,47.8,3.9,57.4,28.1C191.1,127.6,181,154.4,158.9,163.1z"/> <path d="M154,115.3c-2.6-1.5-6.5-2.5-12-3c0,0-0.1,0-0.2,0L136,97.4c0.7-0.1,1.4,0,2.1,0.1c1.4,0.3,2.8,1.1,4.4,2.3l4.5-5.6c-1.9-2.3-4.3-3.8-7.2-4.3c-2.1-0.4-4.3-0.3-6.6,0.3l-1.7-4.3l-4.9,1.9l1.7,4.3c-2.9,1.6-5,3.8-6.2,6.7c-1.5,3.5-1.5,7.4,0.1,11.5c1.2,3.2,3.1,5.5,5.7,7c2.3,1.4,6.2,2.5,11.6,3.2L146,137c-1.5,0.3-3,0.3-4.4-0.1c-2-0.6-3.7-1.9-5.1-3.9l-4.8,5.4c2.2,3.4,5,5.5,8.2,6.5c2.8,0.8,5.8,0.8,9-0.2l1.8,4.7l4.9-1.9l-1.9-4.9c3-1.8,5.1-4.1,6.3-7.1c1.6-3.9,1.5-8.2-0.4-13C158.5,119.3,156.6,116.9,154,115.3z M129.9,106.8c-0.8-1.9-0.8-3.7,0-5.3c0.3-0.7,0.8-1.4,1.4-2l4.6,11.8C132.7,110.4,130.7,108.9,129.9,106.8z M152.6,132.3c-0.4,1-1,1.8-1.8,2.5l-5.3-13.5c3.7,0.8,6,2.4,6.9,4.8C153.3,128.4,153.4,130.4,152.6,132.3z"/> </svg> </td> </tr> </tbody> </table> ');	ready

$('#pipeline tbody tr td').clone().appendTo('#pipeline tbody tr');

ready

append

$('#pipeline tbody tr').append('<table id="pipeline">
        <thead>
                <tr>
                        <th>column 1</th>
                        <th>column 2</th>
                        <th>column 3</th>
                        <th>column 4</th>
                        <th>column 5</th>
                        <th>column 6</th>
                </tr>
        </thead>
        <tbody>
                <tr>
                        <td>
                                <h1>Title of the deal</h1>
                                <span>Name of the contact</span>
                                <span>Value of the deal</span>
                                <svg version="1.1" class="icon_calendar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 283.5 283.5" enable-background="new 0 0 283.5 283.5" xml:space="preserve">
                                <path d="M249.2,166.8c-58.8,0-107.7,46.6-170.9,46.6c-9.7,0-28.9,1.4-35.5-14.3c-3.5-8.1-18.1-42.5-29.2-69c-4.6-1-9.1-2.4-13.3-4.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5c-0.7-1.5-6.2-14.4-13.1-30.6C262.8,167.5,254.9,166.8,249.2,166.8z"/>
                                <path d="M239.6,54.5c-4.6-10.3-15.3-12.9-34.3-12.9c-62,0-113.2,46.8-172.8,46.8c-10.8,0-22.2-2-32.2-6.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5C281.1,151.4,242.9,62.1,239.6,54.5z M158.9,163.1c-22.1,8.7-47.8-3.9-57.4-28.1s0.6-51,22.7-59.7c22.1-8.7,47.8,3.9,57.4,28.1C191.1,127.6,181,154.4,158.9,163.1z"/>
                                <path d="M154,115.3c-2.6-1.5-6.5-2.5-12-3c0,0-0.1,0-0.2,0L136,97.4c0.7-0.1,1.4,0,2.1,0.1c1.4,0.3,2.8,1.1,4.4,2.3l4.5-5.6c-1.9-2.3-4.3-3.8-7.2-4.3c-2.1-0.4-4.3-0.3-6.6,0.3l-1.7-4.3l-4.9,1.9l1.7,4.3c-2.9,1.6-5,3.8-6.2,6.7c-1.5,3.5-1.5,7.4,0.1,11.5c1.2,3.2,3.1,5.5,5.7,7c2.3,1.4,6.2,2.5,11.6,3.2L146,137c-1.5,0.3-3,0.3-4.4-0.1c-2-0.6-3.7-1.9-5.1-3.9l-4.8,5.4c2.2,3.4,5,5.5,8.2,6.5c2.8,0.8,5.8,0.8,9-0.2l1.8,4.7l4.9-1.9l-1.9-4.9c3-1.8,5.1-4.1,6.3-7.1c1.6-3.9,1.5-8.2-0.4-13C158.5,119.3,156.6,116.9,154,115.3z M129.9,106.8c-0.8-1.9-0.8-3.7,0-5.3c0.3-0.7,0.8-1.4,1.4-2l4.6,11.8C132.7,110.4,130.7,108.9,129.9,106.8z M152.6,132.3c-0.4,1-1,1.8-1.8,2.5l-5.3-13.5c3.7,0.8,6,2.4,6.9,4.8C153.3,128.4,153.4,130.4,152.6,132.3z"/>
                                </svg>
                                <span class="date">this week</span>
                                <div class="checklist">
                                        <input type="checkbox" value="1" />
                                        <input type="checkbox" value="2" />
                                        <input type="checkbox" value="3" />
                                        <input type="checkbox" value="4" />
                                        <input type="checkbox" value="5" />
                                </div>
                                <svg version="1.1" class="icon_calendar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 283.5 283.5" enable-background="new 0 0 283.5 283.5" xml:space="preserve">
                                <path d="M249.2,166.8c-58.8,0-107.7,46.6-170.9,46.6c-9.7,0-28.9,1.4-35.5-14.3c-3.5-8.1-18.1-42.5-29.2-69c-4.6-1-9.1-2.4-13.3-4.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5c-0.7-1.5-6.2-14.4-13.1-30.6C262.8,167.5,254.9,166.8,249.2,166.8z"/>
                                <path d="M239.6,54.5c-4.6-10.3-15.3-12.9-34.3-12.9c-62,0-113.2,46.8-172.8,46.8c-10.8,0-22.2-2-32.2-6.2c2.3,6,36.9,87.8,42.5,100.9c6.7,15.6,25.9,14.3,35.5,14.3c63.1,0,112.1-46.6,170.9-46.6c10.4,0,28.5,2.2,33.7,4.5C281.1,151.4,242.9,62.1,239.6,54.5z M158.9,163.1c-22.1,8.7-47.8-3.9-57.4-28.1s0.6-51,22.7-59.7c22.1-8.7,47.8,3.9,57.4,28.1C191.1,127.6,181,154.4,158.9,163.1z"/>
                                <path d="M154,115.3c-2.6-1.5-6.5-2.5-12-3c0,0-0.1,0-0.2,0L136,97.4c0.7-0.1,1.4,0,2.1,0.1c1.4,0.3,2.8,1.1,4.4,2.3l4.5-5.6c-1.9-2.3-4.3-3.8-7.2-4.3c-2.1-0.4-4.3-0.3-6.6,0.3l-1.7-4.3l-4.9,1.9l1.7,4.3c-2.9,1.6-5,3.8-6.2,6.7c-1.5,3.5-1.5,7.4,0.1,11.5c1.2,3.2,3.1,5.5,5.7,7c2.3,1.4,6.2,2.5,11.6,3.2L146,137c-1.5,0.3-3,0.3-4.4-0.1c-2-0.6-3.7-1.9-5.1-3.9l-4.8,5.4c2.2,3.4,5,5.5,8.2,6.5c2.8,0.8,5.8,0.8,9-0.2l1.8,4.7l4.9-1.9l-1.9-4.9c3-1.8,5.1-4.1,6.3-7.1c1.6-3.9,1.5-8.2-0.4-13C158.5,119.3,156.6,116.9,154,115.3z M129.9,106.8c-0.8-1.9-0.8-3.7,0-5.3c0.3-0.7,0.8-1.4,1.4-2l4.6,11.8C132.7,110.4,130.7,108.9,129.9,106.8z M152.6,132.3c-0.4,1-1,1.8-1.8,2.5l-5.3-13.5c3.7,0.8,6,2.4,6.9,4.8C153.3,128.4,153.4,130.4,152.6,132.3z"/>
                                </svg>
                        </td>
                </tr>
        </tbody>
</table>
');

ready

Revisions

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

Revision 1: published by test on June 23, 2014