Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
mduke-test2
(version: 1)
Comparing performance of:
getAttribute vs attributes vs dataset vs js map
Created:
one year ago
by:
Guest
Go to the latest result
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:
Suite status:
<idle, ready to run>
Run tests (4)
Previous results
Fork
Test case name
Result
getAttribute
attributes
dataset
js map
Fastest:
N/A
Slowest:
N/A
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
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=599448" width="100%" height="500px"></iframe>
js map
559K/s
getAttribute
23K/s
dataset
9K/s
attributes
9K/s
View exact numbers
Test name
Executions per second
✓
js map
559,284 Ops/sec
getAttribute
22,785 Ops/sec
dataset
9,128 Ops/sec
attributes
8,549 Ops/sec
Related benchmarks
getAttribute vs attributes
setAttribute vs. dataset vs. direct
getAttribute vs dataset gregdaynes destructure
matches vs getattribute
mduke-test
Comments
Confirm delete:
Do you really want to delete benchmark?