zepto vs jquery (v9)

Revision 9 of this benchmark created on

Preparation HTML

<script src="http://code.jquery.com/jquery-2.0.0.min.js">
</script>
<script src="http://zeptojs.com/zepto.min.js">
</script>
<div id="rsvp" class="view" data-view-title="RSVPs">
  <div class="content">
  </div>
</div>
<div id="chapter_004" class="view" data-view-title="Splendid Corgi Consortium">
  <div class="content">
  </div>
</div>

Setup

function find(elem, data) {
      return document.getElementById(elem).getAttribute('data-' + data);
    }

Test runner

Ready to run.

Testing in
TestOps/sec
Zepto - id
Zepto('#chapter_004').data('title');
ready
jQuery - id
jQuery('#chapter_004').data('title');
ready
Native
document.getElementById('chapter_004').getAttribute('data-title');
ready
Native + jQuery Wrap
jQuery(document.getElementById('chapter_004')).data('title');
ready
find
find('chapter_004', 'title');
ready

Revisions

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