Benchmark: Proxy with Map vs Proxy vs Object vs Map

Script Preparation code:

var baseObject = {
	exampleProp: "exampleValue"
}

var baseMap = new Map();
baseMap.set("exampleProp", "exampleValue");

var baseProxy = new Proxy({}, {
	get(t, prop) {
    	return prop === "exampleProp"? "exampleValue" : null;
    }
})

var baseProxyWithMap = new Proxy({}, {
	get(t, prop) {
    	return baseMap.get(prop);
    }
});

var buffer = null;

Tests:

Proxy with Map
buffer = baseProxyWithMap.exampleProp
Proxy
buffer = baseProxy.exampleProp
Object
buffer = baseObject.exampleProp
Map
buffer = baseMap.get("exampleProp")

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Proxy with Map
Proxy
Object
Map

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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Browser/OS: Chrome 121 on Linux

View result in a separate tab

Test name	Executions per second
Proxy with Map	5003974.0 Ops/sec
Proxy	6764941.0 Ops/sec
Object	7633507.0 Ops/sec
Map	7280077.0 Ops/sec

Proxy with Map vs Proxy vs Object vs Map (version: 0)

Comparing performance of: Proxy with Map vs Proxy vs Object vs Map

Created: one month ago by: Guest

Jump to the latest result

Proxy with Map

Proxy

Object

Map

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A