Benchmark: Restoring actual data

Tests:

forEach + find + push
const responseData = new Array(100).fill(null).map((_, index) => ({ contract: `contract_${index}`, token_id: index, hash: `hash_${index}`, })); const cachedData = new Array(100).fill(null).map((_, index) => ({ contract: `contract_${index % 2}`, token_id: index, hash: `hash_${index}`, nft: index % 2 === 0 ? { data: `NFT data for ${index}` } : null, })); const readyForRender = []; const toUpdate = []; responseData.forEach(item => { const actualCachedData = cachedData.find( cache => cache.contract === item.contract && cache.token_id === item.token_id && cache.hash === item.hash ); if (actualCachedData && actualCachedData.nft) { readyForRender.push(actualCachedData); } else { toUpdate.push(item); } });
Reduce + find
const responseData = new Array(100).fill(null).map((_, index) => ({ contract: `contract_${index}`, token_id: index, hash: `hash_${index}`, })); const cachedData = new Array(100).fill(null).map((_, index) => ({ contract: `contract_${index % 2}`, token_id: index, hash: `hash_${index}`, nft: index % 2 === 0 ? { data: `NFT data for ${index}` } : null, })); const { readyForRender, toUpdate } = responseData.reduce((accumulator, item) => { const actualCachedData = cachedData.find(cache => cache.contract === item.contract && cache.token_id === item.token_id && cache.hash === item.hash ); if (actualCachedData && actualCachedData.nft) { return { ...accumulator, readyForRender: [...accumulator.readyForRender, actualCachedData], }; } else { return { ...accumulator, toUpdate: [...accumulator.toUpdate, item], }; } }, { readyForRender: [], toUpdate: [] });
map + find + filter
const responseData = new Array(100).fill(null).map((_, index) => ({ contract: `contract_${index}`, token_id: index, hash: `hash_${index}`, })); const cachedData = new Array(100).fill(null).map((_, index) => ({ contract: `contract_${index % 2}`, token_id: index, hash: `hash_${index}`, nft: index % 2 === 0 ? { data: `NFT data for ${index}` } : null, })); const loadedIndices = responseData.map((item, index) => { const actualCachedData = cachedData.find(cache => cache.contract === item.contract && cache.token_id === item.token_id && cache.hash === item.hash ); return actualCachedData && actualCachedData.nft ? index : null; }).filter(index => index !== null); const readyForRender = loadedIndices.map(index => cachedData[index]); const toUpdate = responseData.filter((_, index) => !loadedIndices.includes(index));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
forEach + find + push
Reduce + find
map + find + filter

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: 2 months 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
forEach + find + push	33438.6 Ops/sec
Reduce + find	33113.2 Ops/sec
map + find + filter	41510.7 Ops/sec

Restoring actual data (version: 0)

Comparing performance of: forEach + find + push vs Reduce + find vs map + find + filter

Created: 2 months ago by: Registered User

Jump to the latest result

forEach + find + push

Reduce + find

map + find + filter

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A