Benchmark: Classnames vs CLSX V2

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/classnames/2.3.2/index.min.js'></script>
<script src='https://unpkg.com/clsx@1.2.1/dist/clsx.min.js'></script>
<script src="https://cdn.jsdelivr.net/npm/fast-classnames/umd.min.js"></script>

Script Preparation code:

var str = 'style';

var obj = {
 	 'style-2': true,
  	 'style-3': false,
 	 'style-4': true,
}
var arr = ['style-5', 'style-6']

Tests:

classnames string
let result = window.classNames(str, 'test classname', 'WORKS', 'test classname', 'test classname')
clsx string
let result = window.clsx(str, 'test classname', 'WORKS','test classname', 'test classname', 'test classname')
classnames real case
let result = window.fastClassnames(str, true && 'test classname', false && 'WORKS', null && "failed", undefined && "null", Math.random() > 0.2 && "YES")
clsx real case
let result = window.clsx(str, true && 'test classname', false && 'WORKS', null && "failed", undefined && "null", Math.random() > 0.2 && "YES")

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
classnames string
clsx string
classnames real case
clsx real case

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; rv:106.0) Gecko/20100101 Firefox/106.0

Browser/OS: Firefox 106 on Windows

View result in a separate tab

Test name	Executions per second
classnames string	2349581.0 Ops/sec
clsx string	4772233.0 Ops/sec
classnames real case	3956335.0 Ops/sec
clsx real case	4989658.0 Ops/sec

Classnames vs CLSX V2 (version: 0)

Compare CLSX vs Classnames vs templateLiterals

Comparing performance of: classnames string vs clsx string vs classnames real case vs clsx real case

Created: one year ago by: Guest

Jump to the latest result

classnames string

clsx string

classnames real case

clsx real case

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A