Benchmark: Access to Proxy vs Object test

Script Preparation code:

object = { value: 'data' };
proxy = new Proxy(object, {})
proxyWithHandler = new Proxy(object, {
	get(target, prop, receiver) {
    	return 'data'
    }
})
objectGetter = {
	get value() {
     	return 'data' 
    }
}

Tests:

Object access
object.value;
Proxy access
proxy.value
Proxy with get handler access
proxyWithHandler.value
Getter
objectGetter.value

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object access
Proxy access
Proxy with get handler access
Getter

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: one month ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

Browser/OS: Chrome 122 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Object access	14295030.0 Ops/sec
Proxy access	13900370.0 Ops/sec
Proxy with get handler access	12366720.0 Ops/sec
Getter	13572030.0 Ops/sec

Access to Proxy vs Object test (version: 0)

Comparing performance of: Object access vs Proxy access vs Proxy with get handler access vs Getter

Created: one month ago by: Guest

Jump to the latest result

Object access

Proxy access

Proxy with get handler access

Getter

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A