Benchmark: Pagination Vs Pagination V2

Tests:

V1
const pageCount = 4000; const currentPage = 1; const sibllingCount = 1 const clamp = (value, min, max) => { return Math.min(Math.max(value, min), max); }; const pages = Array.from({ length: pageCount }, (v, k) => k + 1); const min = clamp(currentPage - sibllingCount, 1, pageCount); const max = clamp(currentPage + sibllingCount, 1, pageCount); const pagesToKeep = Array.from(new Set([pages[0], ...pages.slice(min - 1, max), pageCount])); const p = pagesToKeep.reduce((acc,current)=>{ const last = acc[acc.length -1 ] if(current - last > 1){ return [...acc, "...", current] }else{ return [...acc, current] } },[])
V2
const totalCount = 4000; const pageSize = 20; const siblingCount = 1; const currentPage =1; const totalPageCount = Math.ceil(totalCount / pageSize); const DOTS = "..." const range = (start, end) => { let length = end - start + 1; return Array.from({length}, (_, idx) => idx + start); }; const totalPageNumbers = siblingCount * 2 + 3; if (totalPageNumbers >= totalPageCount) { return range(1, totalPageCount); } const leftSiblingIndex = Math.max(currentPage - siblingCount, 1); const rightSiblingIndex = Math.min( currentPage + siblingCount, totalPageCount, ); const shouldShowLeftDots = leftSiblingIndex > 2; const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2; const pages = [ 1, ...range( Math.max(leftSiblingIndex, rightSiblingIndex - siblingCount * 2), Math.min(rightSiblingIndex, leftSiblingIndex + siblingCount * 2), ), totalPageCount, ]; let pagination = Array.from(new Set(pages)); if (shouldShowLeftDots) pagination.splice(1, 0, DOTS); if (shouldShowRightDots) pagination.splice(pagination.length - 1, 0, DOTS);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
V1
V2

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 year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36 OPR/94.0.0.0

Browser/OS: Opera 94 on Windows

View result in a separate tab

Test name	Executions per second
V1	5396.9 Ops/sec
V2	589463.6 Ops/sec

Pagination Vs Pagination V2 (version: 1)

Comparing performance of: V1 vs V2

Created: one year ago by: Registered User

Jump to the latest result

V1

V2

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A