Run results for: Shorthand set/getAttribute vs native

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:39.0) Gecko/20100101 Firefox/39.0

Browser: Firefox 39

Operating system: Mac OS X 10.11

Device Platform: Other

Date tested: 7 years ago

Test name	Executions per second
Shorthand	137.0 Ops/sec
Native	170.8 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'); }