class versus data-attribute performance

JavaScript performance comparison

Test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div class="level-one">
  <div class="level-two">
    <div class="data-qtip" data-qtip="This is the tooltip">
      Lorem ipsum dolor sit amet.
    </div>
  </div>
</div>

Preparation code output

Lorem ipsum dolor sit amet.

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
jQuery('.data-qtip[data-qtip]')
jQuery('.data-qtip[data-qtip]')
pending…
jQuery('[data-qtip]')
jQuery('[data-qtip]')
pending…

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

Add a comment