Benchmark: Rxjs several pipes vs one 100k with entries v2

HTML Preparation code:

<script src='https://unpkg.com/rxjs@6.5.5/bundles/rxjs.umd.min.js'></script>

Script Preparation code:

var rawdata = Array.from(Array(100000).keys()) // 10k numbers 1,2,3,4,5...

Tests:

RxJS one pipe
let { from, Observable } = rxjs; let { flatMap, map, tap, toArray } = rxjs.operators; const data$ = from(rawdata) .pipe( map(values => { const finalValues = new Map(); values.map(value => value * 2) .filter(value => value % 3 === 0) .forEach(value => finalValues.set(value.toString(), value)) return finalValues; }) ) let data; data$.subscribe(d => data = d);
Several pipes
let { from, Observable } = rxjs; let { flatMap, map, tap, toArray } = rxjs.operators; const data$ = from(rawdata) .pipe( map(values => values.map(value => value * 2)), map(values => values.filter(value => value % 3 === 0)), map(values => { const finalValues = new Map(); values.forEach(value => finalValues.set(value.toString(), value)); return finalValues; }) ) let data; data$.subscribe(d => data = d);
RxJS one pipe from entries
let { from, Observable } = rxjs; let { flatMap, map, tap, toArray } = rxjs.operators; const data$ = from(rawdata) .pipe( map(values => { return new Map(values.map(value => value * 2) .filter(value => value % 3 === 0) .map(value => [value.toString(), value])); }) ) let data; data$.subscribe(d => data = d);
RxJS many pipes from entries
let { from, Observable } = rxjs; let { flatMap, map, tap, toArray } = rxjs.operators; const data$ = from(rawdata) .pipe( map(values => values.map(value => value * 2)), map(values => values.filter(value => value % 3 === 0)), map(values => { return new Map(values.map(value => [value.toString(), value])); }) ) let data; data$.subscribe(d => data = d);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
RxJS one pipe
Several pipes
RxJS one pipe from entries
RxJS many pipes from entries

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

Browser/OS: Chrome 112 on Linux

View result in a separate tab

Test name	Executions per second
RxJS one pipe	54800.2 Ops/sec
Several pipes	59032.4 Ops/sec
RxJS one pipe from entries	56579.7 Ops/sec
RxJS many pipes from entries	59215.2 Ops/sec

Rxjs several pipes vs one 100k with entries v2 (version: 0)

Comparing performance of: RxJS one pipe vs Several pipes vs RxJS one pipe from entries vs RxJS many pipes from entries

Created: one year ago by: Guest

Jump to the latest result

RxJS one pipe

Several pipes

RxJS one pipe from entries

RxJS many pipes from entries

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A