jsperf alternative (till v2 is ready)

index.html

<ul id='cycleResults'>

</ul>
<div id="result">

</div>
<br>
<button id="btn">
Run Tests
</button>

jsperf-alternative-till-v2-is-ready.markdown

jsperf alternative (till v2 is ready)

since jsperf is down many poeple ask for an alternative. here it is! it uses benchmark.js – the core of jsperf.

thanks to ghetolay and his answer on stackoverflow (http://stackoverflow.com/questions/37695890/an-alternative-for-jsperf)

A Pen by Torsten Hötzel on CodePen.

License.

script.js

var cycleResults = document.getElementById('cycleResults'),
  result = document.getElementById('result'),
  btn = document.getElementById('btn'),
  tests = {
    test1: function() {
      console.log('test1');
      return this;
    },
    test2: function() {
      console.log('test2');
      return this;
    }
  }

// BENCHMARK ====================
btn.onclick = function runTests() {

  btn.setAttribute('disable', true);
  cycleResults.innerHTML = '';
  result.textContent = 'Tests running...';

  var suite = new Benchmark.Suite;

  for (var test in tests) {
    if (tests.hasOwnProperty(test)) {
      suite.add(test, tests[test])
    }
  }

  // add tests
  suite.on('cycle', function(event) {
      var result = document.createElement('li');
      result.textContent = String(event.target);

      document.getElementById('cycleResults')
        .appendChild(result);
    })
    .on('complete', function() {
      result.textContent = 'Fastest is ' + this.filter('fastest').pluck('name');
      btn.setAttribute('disable', false);
    })
    // run async
    .run({
      'async': false
    });
};

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>