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

jQuery hide() vs addclass("hidden") (v2)

Revision 2 of this benchmark created by Matt Ebel on October 25, 2013

Description

Test the performance for $.hide() and .show() as compared to adding and removing a class of "hidden"

Preparation HTML

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

<p class="testp">Test 1</p>

Test runner

Ready to run.

Testing in
Test		Ops/sec
$.hide and $.show	`$(".testp").hide(); $(".testp").show();`	ready
addClass() and removeClass()	`$(".testp").addClass("hidden"); $(".testp").removeClass("hidden");`	ready

Revisions

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

Revision 2: published by Matt Ebel on October 25, 2013