jquery metadata-plugin vs. data (v3)

Revision 3 of this benchmark created on


Description

Updated for jQuery 1.8.3

Preparation HTML

<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<p class="some_class {item_id: 1, item_label: 'Label'}" data-id="1" data-label="Label">This is a p</p>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//mijn.bsl.nl/js/jquery.metadata.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
metadata
$("p").each(function(){
var id = $(this).metadata().id;
});
ready
data with string access
$("p").each(function(){
var id = $(this).data("id");
});
ready
data with object access
$("p").each(function(){
var id = $(this).data().id;
});
ready

Revisions

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