Run results for: Javascript closest method benchmarks

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 18_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.4 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 18

Operating system: iOS 18.4.1

Device Platform: Mobile

Date tested: one year ago

closest method

2.7M/s

closest method 2

2.4M/s

View exact numbers

Test name	Executions per second
✓ closest method	2,668,860 Ops/sec
closest method 2	2,379,440 Ops/sec

HTML Preparation code:

  <div class="1" id="one">
            <div class="2">
                <div class="3">
                    <div class="4">
                        <div class="5">
                            <div class="5">
                                <div class="6">
                                    <div class="7">
                                        <div class="8">
                                            <div class="9">
                                                <div class="10">
                                                    <div class="11">
                                                        <div class="12">
                                                            <div class="13">
                                                                <div class="14">
                                                                    <div class="15">
                                                                        <div class="16" id="helloWorld">
                                                                            <div class="17">
                                                
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

Script Preparation code:

var class17 = document.getElementsByClassName("17");

Tests:

closest method
class17[0].closest("#one");
closest method 2
class17[0].closest("#nope");