Benchmark: JQuery: test find by id and find by id and tag for non-document element

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>

Script Preparation code:

var element = $(`<div><a id="tr_1">
            <svg id="tr_2"></svg>
            <span id="tr_3"></span>
            <div id="tr_4">
            </div>
            </div>`);

Tests:

find by tag and id
element.find("a#tr_1"); element.find("svg#tr_2"); element.find("span#tr_3"); element.find("div#tr_4");
find by id
element.find("#tr_1"); element.find("#tr_2"); element.find("#tr_3"); element.find("#tr_4");
find by tag (if it possible)
element.find("a"); element.find("#tr_2"); element.find("span"); element.find("div");

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
find by tag and id
find by id
find by tag (if it possible)

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

Browser/OS: Firefox 78 on Windows

View result in a separate tab

Test name	Executions per second
find by tag and id	34035.3 Ops/sec
find by id	33971.4 Ops/sec
find by tag (if it possible)	55427.0 Ops/sec

JQuery: test find by id and find by id and tag for non-document element (version: 0)

check which selector is better for non-document element

Comparing performance of: find by tag and id vs find by id vs find by tag (if it possible)

Created: 3 years ago by: Guest

Jump to the latest result

find by tag and id

find by id

find by tag (if it possible)

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A