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

intra-removed details

Benchmark created on July 6, 2011

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div class="content">
  <!--=h idden_field_tag "similarity_limit", @resume.similarity_limit -->
  <!-- this is an array instead of a hash because in ruby <1.9 hashes are unordered
  -->
  <ul id="removed_objective">
    <li style="" section="objective" id="show_objective" class="title">
      Objective
      <span id="objective-button" class="open_close">
      </span>
    </li>
  </ul>
  <ul id="removed_summary">
    <li style="" section="summary" id="show_summary" class="title">
      Summary
      <span id="summary-button" class="open_close">
      </span>
    </li>
  </ul>
  <ul id="removed_education">
    <li style="" section="educations" id="show_education" class="title">
      Education
      <span id="educations-button" class="open_close">
      </span>
    </li>
    <li show="true" section="educations" id="removed-experience-6420">
      <div class="expTitleCont">
        <div class="experienceTitle inline">
          University of Pit...: Business Marketing
        </div>
        <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
        alt="Removed_group_left">
      </div>
      <ul class="removed_shards">
      </ul>
    </li>
    <li show="true" section="educations" id="removed-experience-6421">
      <div class="expTitleCont">
        <div class="experienceTitle inline">
          Westmoreland Coun...: design
        </div>
        <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
        alt="Removed_group_left">
      </div>
      <ul class="removed_shards">
      </ul>
    </li>
  </ul>
  <ul id="removed_work_experience">
    <li style="" section="work_experiences" id="show_work_experience" class="title">
      Work Experience
      <span id="work_experiences-button" class="open_close" style="display: inline;">
        --
      </span>
    </li>
    <li show="false" section="work_experiences" id="removed-experience-6422">
      <div class="expTitleCont" style="left: 0px;">
        <div class="experienceTitle inline">
          Black-Glass: Owner / Principal
        </div>
        <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
        alt="Removed_group_left" style="display: none;">
      </div>
      <ul class="removed_shards" style="display: block;">
        <li show="false" section="work_experiences" id="removed-shard-7113">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Attended to the needs of clients as well as ma...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
        <li show="false" section="work_experiences" id="removed-shard-7114">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Handled multiple client accounts with sales ex...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
        <li show="false" section="work_experiences" id="removed-shard-7115">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Developed operating standards for both DotNetN...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
        <li show="false" section="work_experiences" id="removed-shard-7116">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Implemented Ecommerce module "DNN Store" v2.01...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
        <li show="false" section="work_experiences" id="removed-shard-7117">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Worked alongside clients to develop effective ...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
        <li show="false" section="work_experiences" id="removed-shard-7118">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Created multiple T-shirt designs for event pro...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
        <li show="false" section="work_experiences" id="removed-shard-7119">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Implemented and maintained numerous WordPress ...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
        <li show="false" section="work_experiences" id="removed-shard-7120">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Managed website content inputs from 8 departme...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
        <li show="false" section="work_experiences" id="removed-shard-7121">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Mapped and edited SQL queries via PhpMyAdmin o...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
        <li show="false" section="work_experiences" id="removed-shard-7122">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Presented website and user walkthroughs to 100...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
        <li show="false" section="work_experiences" id="removed-shard-7123">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Utilized interpersonal networking skills throu...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
        <li show="false" section="work_experiences" id="removed-shard-7124">
          <div class="shardText inline" style="left: 0px; color: rgb(123, 123, 123);">
            -Researched and developed SEO-optimized Flash p...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left" style="display: none;">
        </li>
      </ul>
    </li>
    <li show="false" section="work_experiences" id="removed-experience-6423">
      <div class="expTitleCont">
        <div class="experienceTitle inline">
          iServe Technologies: Head Designer
        </div>
        <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
        alt="Removed_group_left">
      </div>
      <ul class="removed_shards" style="display: block;">
        <li show="true" section="work_experiences" id="removed-shard-7125">
          <div class="shardText inline">
            Worked alongside division heads and clients to ...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7126">
          <div class="shardText inline">
            Created visually appealing websites with a fo...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7127">
          <div class="shardText inline">
            Designed several custom skins for the company's...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7128">
          <div class="shardText inline">
            Maintained Instance of CFwebstore as well as ...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7129">
          <div class="shardText inline">
            Performed Pre-emptive research on shopping ca...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7130">
          <div class="shardText inline">
            Implemented flash navigation and flash promo ...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7131">
          <div class="shardText inline">
            Sanitized user inputs to FCKeditor instance i...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7132">
          <div class="shardText inline">
            Leveraged graphics talent with stock resource...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7133">
          <div class="shardText inline">
            Effectively designed web and corporate ident...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7134">
          <div class="shardText inline">
            Implemented SEO: "organic" as well as "PPC" cam...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7135">
          <div class="shardText inline">
            Designed interface and modified logo concepts f...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7136">
          <div class="shardText inline">
            Initiated development on a "graphics standard...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
      </ul>
    </li>
    <li show="true" section="work_experiences" id="removed-experience-6424">
      <div class="expTitleCont">
        <div class="experienceTitle inline">
          UPMC: Contract Website ...
        </div>
        <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
        alt="Removed_group_left">
      </div>
      <ul class="removed_shards">
        <li show="true" section="work_experiences" id="removed-shard-7137">
          <div class="shardText inline">
            Implemented advanced flash ActionScript techniq...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7138">
          <div class="shardText inline">
            Edited and tested multiple custom ActionScript...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7139">
          <div class="shardText inline">
            Maintained and Sanitized user inputs to support...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7140">
          <div class="shardText inline">
            Applied multiple documentation standards to UP...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
        <li show="true" section="work_experiences" id="removed-shard-7141">
          <div class="shardText inline">
            Established a scalable file structure within...
          </div>
          <img width="5" height="10" src="/images/removed_group_left.png?1309887605" class="inline"
          alt="Removed_group_left">
        </li>
      </ul>
    </li>
  </ul>
  <ul id="removed_other_experience">
    <li style="" section="other_experiences" id="show_other_experience" class="title">
      Other Experience
      <span id="other_experiences-button" class="open_close">
      </span>
    </li>
  </ul>
  <ul id="removed_additional_info">
    <li style="" section="additional_info" id="show_additional_info" class="title">
      Additional Info
      <span id="additional_info-button" class="open_close">
      </span>
    </li>
  </ul>
</div>

Test runner

Ready to run.

Test Ops/sec

indy

Testing in
Test	Ops/sec
indy	$("#removed_objective, #removed_summary, #removed_education, #removed_work_experience, #removed_other_experience, #removed_skills, #removed_additional_info").find(".expTitleCont").mouseenter(function() { $(this).css('left', '10px').find("img").show(); $(this).siblings('.removed_shards').children('[id\|=removed-shard]').trigger('mouseenter'); }).mouseleave(function() { $(this).css('left', '0px').find("img").hide(); $(this).siblings('.removed_shards').children('[id\|=removed-shard]').trigger('mouseleave'); }); $('[id\|=removed-shard]').mouseenter(function() { $(this).find('.shardText').css({ 'left': '10px', 'color': ' #B2DFEE' }).siblings('img').show(); }).mouseleave(function() { $(this).find('.shardText').css({ 'left': '0px', 'color': ' #7B7B7B' }).siblings('img').hide(); });	ready
seq	$("#removed_objective, #removed_summary, #removed_education, #removed_work_experience, #removed_other_experience, #removed_skills, #removed_additional_info").find(".expTitleCont").mouseenter(function() { $(this).css('left', '10px').find("img").show(); $(this).siblings('.removed_shards').children('[id\|=removed-shard]').trigger('mouseenter'); }).mouseleave(function() { $(this).css('left', '0px').find("img").hide(); $(this).siblings('.removed_shards').children('[id\|=removed-shard]').trigger('mouseleave'); }); $('[id\|=removed-shard]').mouseenter(function() { $(this).find('.shardText').css({ 'left': '10px', 'color': ' #B2DFEE' }).siblings('img').show(); }).mouseleave(function() { $(this).find('.shardText').css({ 'left': '0px', 'color': ' #7B7B7B' }).siblings('img').hide(); });	ready

$("#removed_objective, #removed_summary, #removed_education, #removed_work_experience, #removed_other_experience, #removed_skills, #removed_additional_info").find(".expTitleCont").mouseenter(function() {
  $(this).css('left', '10px').find("img").show();
  $(this).siblings('.removed_shards').children('[id|=removed-shard]').trigger('mouseenter');
}).mouseleave(function() {
  $(this).css('left', '0px').find("img").hide();
  $(this).siblings('.removed_shards').children('[id|=removed-shard]').trigger('mouseleave');
});

$('[id|=removed-shard]').mouseenter(function() {
  $(this).find('.shardText').css({
    'left': '10px',
    'color': ' #B2DFEE'
  }).siblings('img').show();
}).mouseleave(function() {
  $(this).find('.shardText').css({
    'left': '0px',
    'color': ' #7B7B7B'
  }).siblings('img').hide();
});

ready

seq

$("#removed_objective, #removed_summary, #removed_education, #removed_work_experience, #removed_other_experience, #removed_skills, #removed_additional_info").find(".expTitleCont").mouseenter(function() {
  $(this).css('left', '10px').find("img").show();
  $(this).siblings('.removed_shards').children('[id|=removed-shard]').trigger('mouseenter');
}).mouseleave(function() {
  $(this).css('left', '0px').find("img").hide();
  $(this).siblings('.removed_shards').children('[id|=removed-shard]').trigger('mouseleave');
});

$('[id|=removed-shard]').mouseenter(function() {
  $(this).find('.shardText').css({
    'left': '10px',
    'color': ' #B2DFEE'
  }).siblings('img').show();
}).mouseleave(function() {
  $(this).find('.shardText').css({
    'left': '0px',
    'color': ' #7B7B7B'
  }).siblings('img').hide();
});

ready

Revisions

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

Revision 1: published on July 6, 2011