Benchmark: Data attribute access

HTML Preparation code:

<div id='xd' data-name="xD"></div>

Script Preparation code:

var e = (() => {
	const state = {
    	name: 'xD'
    }
    
    const el = document.getElementById('xd')
    el.get_name = () => state.name
    return el
})()

Tests:

by data attribute
const name = e.dataset.name
by function
const name = e.get_name()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
by data attribute
by function

Fastest: N/A

Slowest: N/A

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

Website Performance Monitoring by Request Metrics

Latest run results:

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

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

Browser/OS: Firefox 110 on Linux

View result in a separate tab

Test name	Executions per second
by data attribute	7390530.0 Ops/sec
by function	628602900.0 Ops/sec

Data attribute access (version: 0)

Comparing performance of: by data attribute vs by function

Created: 5 days ago by: Guest

Jump to the latest result

by data attribute

by function

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A