Info

Spike for storing page meta data inside an object to limit requests to the DOM to improve performance.

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div class="basket">
</div>
<script>
  Benchmark.prototype.setup = function() {
    var siteObj = {
      page: {
        type: 'basket'
      }
    }
    $('body').addClass('.basket');
    $body = $('body');
  };
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

// Not used cache selector to replicate bad practice.
if ($('body').hasClass('basket')) {
  return true;
}

if (siteObj.page.type === 'basket') {
  return true;
}

if ($body.hasClass('basket')) {
  return true;
}

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

Compare results of other browsers

0 comments