Benchmark: Проверка 2-х классов

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<body id="top_page" class="x-competitions x-20 x-players"></body>

Tests:

length
if ($(".x-competitions.x-players").length) { }
hasClass
if ($("body").hasClass("x-competitions") && $("body").hasClass("x-players")) { }
indexOf simplest
if (document.body.className.indexOf("x-competitions") !== -1 && document.body.className.indexOf("x-players") !== -1) { }
classList
if (document.body.classList.contains('x-competitions') && document.body.classList.contains('x-players')) { }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
length
hasClass
indexOf simplest
classList

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: 3 years ago)

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

Browser/OS: Chrome 87 on Windows

View result in a separate tab

Test name	Executions per second
length	92203.9 Ops/sec
hasClass	41314.1 Ops/sec
indexOf simplest	321274.1 Ops/sec
classList	211242.7 Ops/sec

Проверка 2-х классов (version: 0)

Comparing performance of: length vs hasClass vs indexOf simplest vs classList

Created: 3 years ago by: Registered User

Jump to the latest result

length

hasClass

indexOf simplest

classList

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A