Benchmark: className vs classList by Tyler

HTML Preparation code:

<div id="foo">Hello</div>

Tests:

ClassList
let element = document.getElementById("foo"); element.classList.add("foo", "bar");
className
let element = document.getElementById("foo"); element.className = "foo bar";

Rendered benchmark preparation results:

Previous results

Test case name	Result
ClassList
className

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 5 years ago)

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

Browser/OS: Chrome 72 on Windows 7

Test name	Executions per second
ClassList	1268008.0 Ops/sec
className	2141343.0 Ops/sec

className vs classList by Tyler (version: 0)