Run results for: check time of work for two test cases for deepCheck

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36

Browser: Chrome 117

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
click to span in link (should go to near link)	539848.3 Ops/sec
click to span in div (should go to main)	576714.6 Ops/sec
click to link	535499.3 Ops/sec

HTML Preparation code:

<div id="appContent" class="_content_1r14o_11 page-content">
    <div class="p-relative m-auto" style="max-width: 1440px;">
        <div class="_container_q62dt_1">
            <div class="_mainContent_q62dt_5">
                <div class="m-b-lg">
                    <div class="_header_40t3e_7 m-b">
                        <div>
                            <h1 class="_sectionTitle_40t3e_24">Try our campaign solutions for multiple uses</h1>
                        </div><a class="text-primary c-pointer font-semibold">All Templates</a>
                    </div>
                    <div class="_templatesList_40t3e_1">
                        <div class="_template_6x6yw_1 d-flex flex-col c-pointer rounded bg-white p-a">
                            <div class="_templateImageContainer_6x6yw_12 d-flex align-center justify-center"><img src="https://manybot-thumbnails.s3.eu-central-1.amazonaws.com/manychat/quickcampaign/qc/big_9cad6a1fa2a70558455624a8c4f6ab8e.png" class="_templateImage_6x6yw_12"></div>
                            <div class="_descriptionWrapper_6x6yw_24 d-flex flex-col bg-white justify-between m-t-xxs">
                                <h3 class="m-t-0 m-b-xxs">Convert your Instagram Comments into Sales</h3>
                                <div class="d-flex align-center">
                                    <div class="d-flex align-center m-r-xxs">
                                        <div class="d-flex m-b-0"><span class="d-flex align-center text-sm text-capitalize text-secondary _channel_ozm7x_1 m-0"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" class="p-r-xxs">
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="#FB2690"></path>
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint0_linear_InstagramChannel_7619_1727)"></path>
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint1_radial_7619_1727)"></path>
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint2_radial_7619_1727)"></path>
                                                    <path d="M8.88889 5C7.85749 5 6.86834 5.40972 6.13903 6.13903C5.40972 6.86834 5 7.85749 5 8.88889V15.1111C5 16.1425 5.40972 17.1317 6.13903 17.861C6.86834 18.5903 7.85749 19 8.88889 19H15.1111C16.1425 19 17.1317 18.5903 17.861 17.861C18.5903 17.1317 19 16.1425 19 15.1111V8.88889C19 7.85749 18.5903 6.86834 17.861 6.13903C17.1317 5.40972 16.1425 5 15.1111 5H8.88889ZM16.6667 6.55556C17.0944 6.55556 17.4444 6.90556 17.4444 7.33333C17.4444 7.76111 17.0944 8.11111 16.6667 8.11111C16.2389 8.11111 15.8889 7.76111 15.8889 7.33333C15.8889 6.90556 16.2389 6.55556 16.6667 6.55556ZM12 8.11111C13.0314 8.11111 14.0206 8.52083 14.7499 9.25014C15.4792 9.97945 15.8889 10.9686 15.8889 12C15.8889 13.0314 15.4792 14.0206 14.7499 14.7499C14.0206 15.4792 13.0314 15.8889 12 15.8889C10.9686 15.8889 9.97945 15.4792 9.25014 14.7499C8.52083 14.0206 8.11111 13.0314 8.11111 12C8.11111 10.9686 8.52083 9.97945 9.25014 9.25014C9.97945 8.52083 10.9686 8.11111 12 8.11111ZM12 9.66667C11.6935 9.66677 11.39 9.72724 11.1068 9.84464C10.8237 9.96203 10.5664 10.134 10.3498 10.3509C10.1331 10.5677 9.96125 10.825 9.84404 11.1083C9.72684 11.3915 9.66656 11.695 9.66667 12.0016C9.66677 12.3081 9.72724 12.6116 9.84464 12.8947C9.96203 13.1779 10.134 13.4351 10.3509 13.6518C10.5677 13.8685 10.825 14.0403 11.1083 14.1575C11.3915 14.2747 11.695 14.335 12.0016 14.3349C12.6206 14.3347 13.2142 14.0886 13.6518 13.6507C14.0894 13.2128 14.3351 12.619 14.3349 12C14.3347 11.381 14.0886 10.7873 13.6507 10.3498C13.2128 9.91218 12.619 9.66646 12 9.66667Z" fill="white"></path>
                                                    <defs>
                                                        <linearGradient id="paint0_linear_InstagramChannel_7619_1727" x1="7.5" y1="-10" x2="13" y2="15.5" gradientUnits="userSpaceOnUse">
                                                            <stop offset="0.122265" stop-color="#4263DF"></stop>
                                                            <stop offset="1" stop-color="#D53585" stop-opacity="0"></stop>
                                                        </linearGradient>
                                                        <radialGradient id="paint1_radial_7619_1727" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-6.50955e-07 29.5) rotate(-38.6798) scale(29.7078)">
                                                            <stop stop-color="#FFAD05"></stop>
                                                            <stop offset="1" stop-color="#FF3F00" stop-opacity="0"></stop>
                                                        </radialGradient>
                                                        <radialGradient id="paint2_radial_7619_1727" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.5 26) rotate(-37.9987) scale(20.3039)">
                                                            <stop offset="0.01" stop-color="#FDDB86"></stop>
                                                            <stop offset="1" stop-color="#F06942" stop-opacity="0"></stop>
                                                        </radialGradient>
                                                    </defs>
                                                </svg></span></div>
                                    </div><span class="d-flex align-center text-secondary text-sm span_in_div"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" class="m-r-xxs">
                                            <path d="M22.0001 4L12.0001 19.9042L5.39628 9.94012H7.09439L12.0001 17.3174L20.3019 4H22.0001ZM17.7548 4H16.151L10.3963 14.0599H12.0001L17.7548 4ZM2.06379 10.0359L8.69816 20L9.45288 18.6587L3.69816 10.0359H2.06379Z" fill="currentColor"></path>
                                        </svg>5,151 Installs</span>
                                </div>
                            </div>
                        </div>
                        <div class="_template_6x6yw_1 d-flex flex-col c-pointer rounded bg-white p-a">
                            <div class="_templateImageContainer_6x6yw_12 d-flex align-center justify-center"><img src="https://manybot-thumbnails.s3.eu-central-1.amazonaws.com/manychat/quickcampaign/qc/big_f4eb159df0bb33012790a4a17de5f214.png" class="_templateImage_6x6yw_12"></div>
                            <div class="_descriptionWrapper_6x6yw_24 d-flex flex-col bg-white justify-between m-t-xxs">
                                <h3 class="m-t-0 m-b-xxs">Use Instagram Stories to Generate More Leads</h3>
                                <div class="d-flex align-center">
                                    <div class="d-flex align-center m-r-xxs">
                                        <div class="d-flex m-b-0"><span class="d-flex align-center text-sm text-capitalize text-secondary _channel_ozm7x_1 m-0"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" class="p-r-xxs">
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="#FB2690"></path>
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint0_linear_InstagramChannel_7619_1727)"></path>
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint1_radial_7619_1727)"></path>
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint2_radial_7619_1727)"></path>
                                                    <path d="M8.88889 5C7.85749 5 6.86834 5.40972 6.13903 6.13903C5.40972 6.86834 5 7.85749 5 8.88889V15.1111C5 16.1425 5.40972 17.1317 6.13903 17.861C6.86834 18.5903 7.85749 19 8.88889 19H15.1111C16.1425 19 17.1317 18.5903 17.861 17.861C18.5903 17.1317 19 16.1425 19 15.1111V8.88889C19 7.85749 18.5903 6.86834 17.861 6.13903C17.1317 5.40972 16.1425 5 15.1111 5H8.88889ZM16.6667 6.55556C17.0944 6.55556 17.4444 6.90556 17.4444 7.33333C17.4444 7.76111 17.0944 8.11111 16.6667 8.11111C16.2389 8.11111 15.8889 7.76111 15.8889 7.33333C15.8889 6.90556 16.2389 6.55556 16.6667 6.55556ZM12 8.11111C13.0314 8.11111 14.0206 8.52083 14.7499 9.25014C15.4792 9.97945 15.8889 10.9686 15.8889 12C15.8889 13.0314 15.4792 14.0206 14.7499 14.7499C14.0206 15.4792 13.0314 15.8889 12 15.8889C10.9686 15.8889 9.97945 15.4792 9.25014 14.7499C8.52083 14.0206 8.11111 13.0314 8.11111 12C8.11111 10.9686 8.52083 9.97945 9.25014 9.25014C9.97945 8.52083 10.9686 8.11111 12 8.11111ZM12 9.66667C11.6935 9.66677 11.39 9.72724 11.1068 9.84464C10.8237 9.96203 10.5664 10.134 10.3498 10.3509C10.1331 10.5677 9.96125 10.825 9.84404 11.1083C9.72684 11.3915 9.66656 11.695 9.66667 12.0016C9.66677 12.3081 9.72724 12.6116 9.84464 12.8947C9.96203 13.1779 10.134 13.4351 10.3509 13.6518C10.5677 13.8685 10.825 14.0403 11.1083 14.1575C11.3915 14.2747 11.695 14.335 12.0016 14.3349C12.6206 14.3347 13.2142 14.0886 13.6518 13.6507C14.0894 13.2128 14.3351 12.619 14.3349 12C14.3347 11.381 14.0886 10.7873 13.6507 10.3498C13.2128 9.91218 12.619 9.66646 12 9.66667Z" fill="white"></path>
                                                    <defs>
                                                        <linearGradient id="paint0_linear_InstagramChannel_7619_1727" x1="7.5" y1="-10" x2="13" y2="15.5" gradientUnits="userSpaceOnUse">
                                                            <stop offset="0.122265" stop-color="#4263DF"></stop>
                                                            <stop offset="1" stop-color="#D53585" stop-opacity="0"></stop>
                                                        </linearGradient>
                                                        <radialGradient id="paint1_radial_7619_1727" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-6.50955e-07 29.5) rotate(-38.6798) scale(29.7078)">
                                                            <stop stop-color="#FFAD05"></stop>
                                                            <stop offset="1" stop-color="#FF3F00" stop-opacity="0"></stop>
                                                        </radialGradient>
                                                        <radialGradient id="paint2_radial_7619_1727" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.5 26) rotate(-37.9987) scale(20.3039)">
                                                            <stop offset="0.01" stop-color="#FDDB86"></stop>
                                                            <stop offset="1" stop-color="#F06942" stop-opacity="0"></stop>
                                                        </radialGradient>
                                                    </defs>
                                                </svg></span></div>
                                    </div><span class="d-flex align-center text-secondary text-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" class="m-r-xxs">
                                            <path d="M22.0001 4L12.0001 19.9042L5.39628 9.94012H7.09439L12.0001 17.3174L20.3019 4H22.0001ZM17.7548 4H16.151L10.3963 14.0599H12.0001L17.7548 4ZM2.06379 10.0359L8.69816 20L9.45288 18.6587L3.69816 10.0359H2.06379Z" fill="currentColor"></path>
                                        </svg>5,900 Installs</span>
                                </div>
                            </div>
                        </div>
                        <div class="_template_6x6yw_1 d-flex flex-col c-pointer rounded bg-white p-a">
                            <div class="_templateImageContainer_6x6yw_12 d-flex align-center justify-center"><img src="https://manybot-thumbnails.s3.eu-central-1.amazonaws.com/manychat/quickcampaign/qc/big_0d3b6694ecf2317a5ccf9279f8f7424b.png" class="_templateImage_6x6yw_12"></div>
                            <div class="_descriptionWrapper_6x6yw_24 d-flex flex-col bg-white justify-between m-t-xxs">
                                <h3 class="m-t-0 m-b-xxs">Show off your site to new visitors</h3>
                                <div class="d-flex align-center">
                                    <div class="d-flex align-center m-r-xxs">
                                        <div class="d-flex m-b-0"><span class="d-flex align-center text-sm text-capitalize text-secondary _channel_ozm7x_1 m-0"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" class="p-r-xxs">
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="#FB2690"></path>
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint0_linear_InstagramChannel_7619_1727)"></path>
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint1_radial_7619_1727)"></path>
                                                    <path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint2_radial_7619_1727)"></path>
                                                    <path d="M8.88889 5C7.85749 5 6.86834 5.40972 6.13903 6.13903C5.40972 6.86834 5 7.85749 5 8.88889V15.1111C5 16.1425 5.40972 17.1317 6.13903 17.861C6.86834 18.5903 7.85749 19 8.88889 19H15.1111C16.1425 19 17.1317 18.5903 17.861 17.861C18.5903 17.1317 19 16.1425 19 15.1111V8.88889C19 7.85749 18.5903 6.86834 17.861 6.13903C17.1317 5.40972 16.1425 5 15.1111 5H8.88889ZM16.6667 6.55556C17.0944 6.55556 17.4444 6.90556 17.4444 7.33333C17.4444 7.76111 17.0944 8.11111 16.6667 8.11111C16.2389 8.11111 15.8889 7.76111 15.8889 7.33333C15.8889 6.90556 16.2389 6.55556 16.6667 6.55556ZM12 8.11111C13.0314 8.11111 14.0206 8.52083 14.7499 9.25014C15.4792 9.97945 15.8889 10.9686 15.8889 12C15.8889 13.0314 15.4792 14.0206 14.7499 14.7499C14.0206 15.4792 13.0314 15.8889 12 15.8889C10.9686 15.8889 9.97945 15.4792 9.25014 14.7499C8.52083 14.0206 8.11111 13.0314 8.11111 12C8.11111 10.9686 8.52083 9.97945 9.25014 9.25014C9.97945 8.52083 10.9686 8.11111 12 8.11111ZM12 9.66667C11.6935 9.66677 11.39 9.72724 11.1068 9.84464C10.8237 9.96203 10.5664 10.134 10.3498 10.3509C10.1331 10.5677 9.96125 10.825 9.84404 11.1083C9.72684 11.3915 9.66656 11.695 9.66667 12.0016C9.66677 12.3081 9.72724 12.6116 9.84464 12.8947C9.96203 13.1779 10.134 13.4351 10.3509 13.6518C10.5677 13.8685 10.825 14.0403 11.1083 14.1575C11.3915 14.2747 11.695 14.335 12.0016 14.3349C12.6206 14.3347 13.2142 14.0886 13.6518 13.6507C14.0894 13.2128 14.3351 12.619 14.3349 12C14.3347 11.381 14.0886 10.7873 13.6507 10.3498C13.2128 9.91218 12.619 9.66646 12 9.66667Z" fill="white"></path>
                                                    <defs>
                                                        <linearGradient id="paint0_linear_InstagramChannel_7619_1727" x1="7.5" y1="-10" x2="13" y2="15.5" gradientUnits="userSpaceOnUse">
                                                            <stop offset="0.122265" stop-color="#4263DF"></stop>
                                                            <stop offset="1" stop-color="#D53585" stop-opacity="0"></stop>
                                                        </linearGradient>
                                                        <radialGradient id="paint1_radial_7619_1727" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-6.50955e-07 29.5) rotate(-38.6798) scale(29.7078)">
                                                            <stop stop-color="#FFAD05"></stop>
                                                            <stop offset="1" stop-color="#FF3F00" stop-opacity="0"></stop>
                                                        </radialGradient>
                                                        <radialGradient id="paint2_radial_7619_1727" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.5 26) rotate(-37.9987) scale(20.3039)">
                                                            <stop offset="0.01" stop-color="#FDDB86"></stop>
                                                            <stop offset="1" stop-color="#F06942" stop-opacity="0"></stop>
                                                        </radialGradient>
                                                    </defs>
                                                </svg></span></div>
                                    </div><span class="d-flex align-center text-secondary text-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" class="m-r-xxs">
                                            <path d="M22.0001 4L12.0001 19.9042L5.39628 9.94012H7.09439L12.0001 17.3174L20.3019 4H22.0001ZM17.7548 4H16.151L10.3963 14.0599H12.0001L17.7548 4ZM2.06379 10.0359L8.69816 20L9.45288 18.6587L3.69816 10.0359H2.06379Z" fill="currentColor"></path>
                                        </svg>5,475 Installs</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="m-b-lg">
                    <div class="d-flex align-center justify-between m-b">
                        <h1>Automate your routine once and for all</h1>
                    </div>
                    <div class="_campaignsList_1sckb_5">
                        <div>
                            <div class="_selfServeCampaign_9s2dv_1 rounded p-a-md c-pointer">
                                <div class="d-flex m-b-md"><img src="https://manybot-thumbnails.s3.eu-central-1.amazonaws.com/manychat/templateCampaign/tc/big_7e68447dd1ce62bb00f359f46fb0af84.png" class="_selfServeCampaignImage_9s2dv_12"></div>
                                <div class="m-b-xxs d-flex align-center">
                                    <div class="_selfServeCampaignTitle_9s2dv_17 text-heading-2" title="Story mention reply">Story mention reply</div>
                                </div>
                                <div class="_selfServeCampaignDescription_9s2dv_25" title="Automatically send a message when a person mentions you in their story.">Automatically send a message when a person mentions you in their story.</div>
                            </div>
                        </div>
                        <div>
                            <div class="_selfServeCampaign_9s2dv_1 rounded p-a-md c-pointer" style="background-color: rgb(225, 224, 144);">
                                <div class="d-flex m-b-md"><img src="https://manybot-thumbnails.s3.eu-central-1.amazonaws.com/manychat/templateCampaign/tc/big_1107c1043ad3ecb4bcbc86fbc4399640.png" class="_selfServeCampaignImage_9s2dv_12"></div>
                                <div class="m-b-xxs d-flex align-center">
                                    <div class="_selfServeCampaignTitle_9s2dv_17 text-heading-2" title="FAQ">FAQ</div>
                                </div>
                                <div class="_selfServeCampaignDescription_9s2dv_25" title="Easily automate replies to most frequently asked questions about your business">Easily automate replies to most frequently asked questions about your business</div>
                            </div>
                        </div>
                        <div>
                            <div class="_selfServeCampaign_9s2dv_1 rounded p-a-md c-pointer" style="background-color: rgb(205, 183, 219);">
                                <div class="d-flex m-b-md"><img src="https://manybot-thumbnails.s3.eu-central-1.amazonaws.com/manychat/templateCampaign/tc/big_bf654cd76a24500721625698f46fe5cd.png" class="_selfServeCampaignImage_9s2dv_12"></div>
                                <div class="m-b-xxs d-flex align-center">
                                    <div class="_selfServeCampaignTitle_9s2dv_17 text-heading-2" title="Story reaction reply">Story reaction reply</div>
                                </div>
                                <div class="_selfServeCampaignDescription_9s2dv_25" title="Automate sending a message every time someone reacts to your Stories">Automate sending a message every time someone reacts to your Stories</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Script Preparation code:

var deepCheck = ({
    target,
    currentTarget,
}) => {
    if (!target) {
        return {
            isLink: false
        }
    }

    if (target === currentTarget) {
        return {
            isLink: false
        }
    }

    const isLink = target.tagName === 'A'
    if (isLink) {
        const isHref = 'href' in target && Boolean(target.href)
        if (isHref) {
            return {
                isLink: true,
                href: target.href,
                text: target.innerText
            }
        }
        return {
            isLink: true
        }
    }

    return deepCheck({
        target: target.parentElement,
        currentTarget
    })
}

Tests:

click to span in link (should go to near link)
const span = document.querySelector('.supportSpan') const main = document.querySelector('.page-content') deepCheck({target:span,currentTarget:main})
click to span in div (should go to main)
const span = document.querySelector('.span_in_div') const main = document.querySelector('.page-content') deepCheck({target:span,currentTarget:main})
click to link
const link = document.querySelector('.support_link') const main = document.querySelector('.page-content') deepCheck({target:link,currentTarget:main})

Run results for: check time of work for two test cases for deepCheck

click to span in link (should go to near link)

click to span in div (should go to main)

click to link