Benchmark: JS dataset Vs. classList read vs write

Script Preparation code:

var elem1 = document.createElement("div");
var elem2 = document.createElement("div");
var elem3 = document.createElement("div");
var elem4 = document.createElement("div");

Tests:

dataset write multiple attributes
let i = 1000; while (i--){ elem1.dataset["test" + i] = true; }
classList write multiple classes
let i = 1000; while (i--){ elem2.classList.add("test" + i); }
dataset write one attribute
let i = 1000; while (i--){ elem3.dataset["test"] = i; }
classList write one class
let i = 1000; while (i--){ elem4.classList.toggle("test"); }
dataset read
let i = 1000; while (i--){ if(elem2.dataset["test"] === i){} }
classList read
let i = 1000; while (i--){ if(elem4.classList.contains("test")){} }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
dataset write multiple attributes
classList write multiple classes
dataset write one attribute
classList write one class
dataset read
classList read

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 8 months ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:144.0) Gecko/20100101 Firefox/144.0

Browser/OS: Firefox 144 on Linux

View result in a separate tab

dataset read

959K/s

classList read

786K/s

classList write one class

3K/s

dataset write one attribute

2K/s

dataset write multiple attributes

2K/s

classList write multiple classes

27/s

View exact numbers

Test name	Executions per second
✓ dataset read	958,942 Ops/sec
classList read	786,296 Ops/sec
classList write one class	3,010 Ops/sec
dataset write one attribute	2,200 Ops/sec
dataset write multiple attributes	2,097 Ops/sec
classList write multiple classes	27 Ops/sec

JS dataset Vs. classList read vs write (version: 1)

Comparing performance of: `dataset write multiple attributes vs classList write multiple classes vs dataset write one attribute vs classList write one class vs dataset read vs classList read`

Created: one year ago by: Guest

Go to the latest result

dataset write multiple attributes

classList write multiple classes

dataset write one attribute

classList write one class

dataset read

classList read

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

JS dataset Vs. classList read vs write (version: 1)

Comparing performance of: dataset write multiple attributes vs classList write multiple classes vs dataset write one attribute vs classList write one class vs dataset read vs classList read

Created: one year ago by: Guest

Go to the latest result

dataset write multiple attributes

classList write multiple classes

dataset write one attribute

classList write one class

dataset read

classList read

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `dataset write multiple attributes vs classList write multiple classes vs dataset write one attribute vs classList write one class vs dataset read vs classList read`