data-attributes-read-only

Benchmark created on

Description

Compare read performance of dataset, getAttribute, and local object.

Preparation HTML

<div id="mydiv" data-po="to" data-ta="ma" data-to="to"></div>

Setup

var div = document.getElementById('mydiv');
var diyData = { 
  po: 'to',
  ta: 'ma',
  to: 'to' 
};

Test runner

Ready to run.

Testing in
TestOps/sec
setAttribute
var a = div.getAttribute('data-po');
var b = div.getAttribute('data-ta');
var c = div.getAttribute('data-to');
ready
DIY Data
var a = diyData.po;
var b = diyData.ta;
var c = diyData.to;
ready
HTML5 dataset
var data = div.dataset;
var a = data.po;
var b = data.ta;
var c = data.to;
ready

Revisions

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