Run results for: Shorthand set/getAttribute vs native

Run details:

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

Browser: Chrome 52

Operating system: Mac OS X 10.11.6

Device Platform: Other

Date tested: 8 years ago

Test name	Executions per second
Shorthand	97.4 Ops/sec
Native	93.4 Ops/sec

HTML Preparation code:

<div id="test-subject" data-test="foo"></div>

Tests:

Shorthand
function attr(element, attribute, value) { if (value) { element.setAttribute(attribute, value); return; } return element.getAttribute(attribute); } var test_subject = document.getElementById("test-subject"); var i = 1000; while (i--) { attr(test_subject, 'data-test', i); test_subject.innerHTML = attr(test_subject, 'data-test'); }
Native
var test_subject = document.getElementById("test-subject"); var i = 1000; while (i--) { test_subject.setAttribute('data-test', i); test_subject.innerHTML = test_subject.getAttribute('data-test'); }