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

real test

Benchmark created on August 10, 2012

Preparation HTML

<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<div id="bases-con">
        <div id="top">
                <a href="index.php" id="logo"></a>
                <form method="get" action="search.php" id="search-form">
                        <input type="text" name="qs" id="searchbox"/>
                </form>
                <ul id="nav">
                        <li>
                                <a href="index.php">Home</a>
                        </li>
                        <li>
                                <a href="wish-list.php" class="selected">Wish List</a>
                        </li>
                        <li>
                                <a href="products.php">End of Line</a>
                        </li>
                        <li>
                                <a href="construction.php" id="last-li-a">Coming Soon</a>
                        </li>
                </ul>
        </div>

        <div id="mid">
                <div id="tv-pi">
                        <div id="treeview">
                                <a href="index.php">Home</a> >> <a href="wish-list.php">Wish List</a>
                        </div>
                        <div id="pages-index">
                                <a href="products.php?cat=DIY-STORAGE">&lt;&lt; Go back to previous page</a>
                        </div>
                        <div class="clear"></div>
                </div>

                <div id="tb-headers-con">
                        <div id="prod-header">
                                Product
                        </div>
                        <div id="prod-code-header">
                                Product Code
                        </div>
                        <div id="price-header">
                                Price
                        </div>
                        <div id="remove-header">
                                Remove
                        </div>
                        <div class="clear"></div>
                </div>

                <div id="68" class="prod-con">
                        <div class="prod-id">
                                1.
                        </div>
                        <div class="prod-img">
                                <div class="prod-img-con">
                                        <a href="product.php?pid=68"><img src="../database_images/D/D100053/main.jpg" alt="Handbag Organiser" style="width:55px;height:45px" class="sevenpx-br"/></a>
                                </div>
                        </div>
                        <div class="prod-title">
                                <a href="product.php?pid=68">Handbag Organiser</a>
                        </div>
                        <div class="prod-code">
                                D100053
                        </div>
                        <div class="prod-price">
                                &pound;1.00
                        </div>
                        <div class="prod-remove">
                                <a href="#" class="remove"></a>
                        </div>
                        <div class="clear"></div>
                </div>

                <div id="69" class="prod-con">
                        <div class="prod-id">
                                2.
                        </div>
                        <div class="prod-img">
                                <div class="prod-img-con">
                                        <a href="product.php?pid=69"><img src="../database_images/D/D060040PIN/main.jpg" alt="TV Turntable Pine" style="width:56px;height:29px;top:8px"/></a>
                                </div>
                        </div>
                        <div class="prod-title">
                                <a href="product.php?pid=69">TV Turntable Pine</a>
                        </div>
                        <div class="prod-code">
                                D060040PIN
                        </div>
                        <div class="prod-price">
                                &pound;5.00
                        </div>
                        <div class="prod-remove">
                                <a href="#" class="remove"></a>
                        </div>
                        <div class="clear"></div>
                </div>

                <div id="73" class="prod-con">
                        <div class="prod-id">
                                3.
                        </div>
                        <div class="prod-img">
                                <div class="prod-img-con">
                                        <a href="product.php?pid=73"><img src="../database_images/D/D060029GRN/main.jpg" alt="Turtle Stool Green" style="width:56px;height:32px;top:6px"/></a>
                                </div>
                        </div>
                        <div class="prod-title">
                                <a href="product.php?pid=73">Turtle Stool Green</a>
                        </div>
                        <div class="prod-code">
                                D060029GRN
                        </div>
                        <div class="prod-price">
                                &pound;4.00
                        </div>
                        <div class="prod-remove">
                                <a href="#" class="remove"></a>
                        </div>
                        <div class="clear"></div>
                </div>

                <div id="74" class="prod-con">
                        <div class="prod-id">
                                4.
                        </div>
                        <div class="prod-img">
                                <div class="prod-img-con">
                                        <a href="product.php?pid=74"><img src="../database_images/D/D080028WHITE/main.jpg" alt="Double Height Turtle Stool White" style="width:37px;height:45px;left:9px"/></a>
                                </div>
                        </div>
                        <div class="prod-title">
                                <a href="product.php?pid=74">Double Height Turtle Stool White</a>
                        </div>
                        <div class="prod-code">
                                D080028WHITE
                        </div>
                        <div class="prod-price">
                                &pound;4.00
                        </div>
                        <div class="prod-remove">
                                <a href="#" class="remove"></a>
                        </div>
                        <div class="clear"></div>
                </div>

                <div id="75" class="prod-con">
                        <div class="prod-id">
                                5.
                        </div>
                        <div class="prod-img">
                                <div class="prod-img-con">
                                        <a href="product.php?pid=75"><img src="../database_images/D/D080028RED/main.jpg" alt="Double Height Turtle Stool Red" style="width:49px;height:45px;left:3px"/></a>
                                </div>
                        </div>
                        <div class="prod-title">
                                <a href="product.php?pid=75">Double Height Turtle Stool Red</a>
                        </div>
                        <div class="prod-code">
                                D080028RED
                        </div>
                        <div class="prod-price">
                                &pound;4.00
                        </div>
                        <div class="prod-remove">
                                <a href="#" class="remove"></a>
                        </div>
                        <div class="clear"></div>
                </div>

                <div id="border-bottom">&nbsp;</div>

                <div id="wl-events">
                        <div class="left">
                                <a id="print-wl" href="wish-list.php?a=print" target="_blank">Print Wish List</a><a id="eml-wl" href="#">Email Wish List</a>
                        </div>
                        <div id="clear-wl-con">
                                <a id="clear-wl" href="#">Clear wish list</a>
                        </div>
                        <div class="clear"></div>
                </div>
        </div>

        <div id="bot">
                <a href="construction.php">ABOUT US</a>
                <a href="construction.php">CONTACT</a>
                <a href="construction.php">TERMS AND CONDITIONS</a>
                <span>&copy; 2012 S&amp;S ENTERPRISES</span>
        </div>
</div>

Test runner

Ready to run.

Test Ops/sec

children

Testing in
Test	Ops/sec
children	`$('.prod-img-con').hover(function() { var el = $(this); el.append('<a href="' + el.children('a').attr('href') + '" class="info"></a>'); }, function() { $(this).find('.info').remove(); });`	ready
find	`$('.prod-img-con').hover(function() { var el = $(this); el.append('<a href="' + el.find('a').attr('href') + '" class="info"></a>'); }, function() { $(this).find('.info').remove(); });`	ready

        $('.prod-img-con').hover(function()
        {
                var el = $(this);
                el.append('<a href="' + el.children('a').attr('href') + '" class="info"></a>');
        }, function()
        {
                $(this).find('.info').remove();
        });

ready

find

        $('.prod-img-con').hover(function()
        {
                var el = $(this);
                el.append('<a href="' + el.find('a').attr('href') + '" class="info"></a>');
        }, function()
        {
                $(this).find('.info').remove();
        });

ready

Revisions

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

Revision 1: published on August 10, 2012