Benchmark: className vs. setAttribute vs. classList vs array

HTML Preparation code:

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

Script Preparation code:

var arr=["class1", "class2", "class3", "class4", "class5"];
var element = document.getElementById("foo");

Tests:

Rendered benchmark preparation results:

Previous results

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

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 106 on Windows 7

className vs. setAttribute vs. classList vs array (version: 0)