Run results for: Shorthand set/getAttribute vs native

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36

Browser: Chrome 70

Operating system: Windows 7

Device Platform: Desktop

Date tested: 5 years ago

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