Benchmark: mduke-test2 - MeasureThat.net

HTML Preparation code:

<div id="foo" data-episode="000000000" data-show="111111111"></div>

Script Preparation code:

window.x = {
  episode: "000000000",
  show: "111111111"
}

Tests:

getAttribute
var element = document.getElementById("foo"); var i = 1000; while (i--) { element.getAttribute("data-episode"); element.getAttribute("data-show"); }
attributes
var element = document.getElementById("foo"); var cachedAttrs = element.attributes; var i = 1000; while (i--) { cachedAttrs["data-episode"].value; cachedAttrs["data-show"].value; }
dataset
var element = document.getElementById("foo"); var i = 1000; while (i--) { element.dataset.episode; element.dataset.show; }
js map
var i = 1000; while (i--) { x.episode; x.show; }

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36

Browser/OS: Chrome 134 on Mac OS X 10.15.7

Related benchmarks:

mduke-test2 (version: 1)