Run results for: Shorthand set/getAttribute vs native

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.41 Safari/537.36

Browser: Chrome 48

Operating system: Linux

Device Platform: Other

Date tested: 8 years ago

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