outerWidth on Hidden Elements

Benchmark created by Mike Sherov on

Preparation HTML

<script src="http://code.jquery.com/jquery-git.js"></script>
<script> git = jQuery.noConflict(); </script>

<script src="http://msherov.ayi.test.areyouinterested.com/js/jquery-10159.js"></script>
<script> patched = jQuery.noConflict(); </script>

<input id="inputvisible" />
<input type="hidden" id="inputhidden" />
<input id="inputdispnone" style="display:none;" />
<script>
   var input = {
      gitvis: git( "#inputvisible" ),
      patchedvis: patched( "#inputvisible"),
      githid: git( "#inputhidden"),
      patchedhid: patched( "#inputhidden"),
      gitdispnone: git( "#inputdispnone" ),
      patcheddispnone: patched( "#inputdispnone")
   };
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
git visible
input.gitvis.outerWidth(true);
ready
patched visible
input.patchedvis.outerWidth(true);
ready
git hidden
input.githid.outerWidth(true);
ready
patched hidden
input.patchedhid.outerWidth(true);
ready
git display:none
input.gitdispnone.outerWidth(true);
ready
patched display none
input.patcheddispnone.outerWidth(true);
ready

Revisions

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

  • Revision 1: published by Mike Sherov on