Run results for: Comparing pure setAttribute vs if/else setAttribute/className

Run details:

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

Browser: Chrome 74

Operating system: Windows

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
With className	356.1 Ops/sec
Without className	353.3 Ops/sec

Tests:

With className
for(let i=0; i<1000; i++) { let element = document.createElement('div'); let attributes = { class: 'class1 test--class2', width: '600px', height: '400px' }; for (let attribute in attributes) { if (attributes[attribute] === 'class') { element.className = attribute; } else element.setAttribute(attribute, attributes[attribute]); } }
Without className
for(let i=0; i<1000; i++) { let element = document.createElement('div'); let attributes = { class: 'class1 test--class2', width: '600px', height: '400px' }; for (let attribute in attributes) { element.setAttribute(attribute, attributes[attribute]); } }