Benchmark: querySelectorAll versus getElementsByTagName

HTML Preparation code:
<form method="post" id="reg" name="reg" action="https://m.facebook.com/reg/" onsubmit="return false;"><input
  type="hidden" name="jazoest" value="2640" autocomplete="off"><input type="hidden" name="lsd" value="AVoKAPj4"
                                                                      autocomplete="off">
  <div id="reg_form_box" class="large_form">
    <div id="fullname_field" class="_1ixn">
      <div class="clearfix _58mh">
        <div class="mbm _1iy_ _a4y _3-90 lfloat _ohe">
          <div class="_5dbb" id="u_0_j">
            <div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
              <div class="placeholder" aria-hidden="true">First name</div>
              <input type="text" class="inputtext _58mg _5dba _2ph-" data-type="text" name="firstname" value=""
                     aria-required="true" placeholder="" aria-label="First name" id="u_0_k"></div>
            <i class="_5dbc img sp_6E_d5dmi7E6 sx_f40ac8"></i><i class="_5dbd img sp_6E_d5dmi7E6 sx_df456a"></i>
            <div class="_1pc_"></div>
          </div>
        </div>
        <div class="mbm _1iy_ _a4y rfloat _ohf">
          <div class="_5dbb" id="u_0_l">
            <div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
              <div class="placeholder" aria-hidden="true">Last name</div>
              <input type="text" class="inputtext _58mg _5dba _2ph-" data-type="text" name="lastname" value=""
                     aria-required="true" placeholder="" aria-label="Last name" id="u_0_m"></div>
            <i class="_5dbc img sp_6E_d5dmi7E6 sx_f40ac8"></i><i class="_5dbd img sp_6E_d5dmi7E6 sx_df456a"></i>
            <div class="_1pc_"></div>
          </div>
        </div>
      </div>
      <div class="_1pc_" id="fullname_error_msg"></div>
    </div>
    <div class="mbm _a4y" id="u_0_n">
      <div class="_5dbb" id="u_0_o">
        <div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
          <div class="placeholder" aria-hidden="true">Mobile number or email</div>
          <input type="text" class="inputtext _58mg _5dba _2ph-" data-type="text" name="reg_email__"
                 aria-required="true" placeholder="" aria-label="Mobile number or email" id="u_0_p"></div>
        <i class="_5dbc img sp_6E_d5dmi7E6 sx_f40ac8"></i><i class="_5dbd img sp_6E_d5dmi7E6 sx_df456a"></i>
        <div class="_1pc_"></div>
      </div>
    </div>
    <div class="hidden_elem" id="u_0_q" style="opacity: 1e-05;">
      <div class="mbm _a4y">
        <div class="_5dbb" id="u_0_r">
          <div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
            <div class="placeholder" aria-hidden="true">Re-enter email</div>
            <input type="text" class="inputtext _58mg _5dba _2ph-" data-type="text" name="reg_email_confirmation__"
                   aria-required="true" placeholder="" aria-label="Re-enter email" id="u_0_s"></div>
          <i class="_5dbc img sp_6E_d5dmi7E6 sx_f40ac8"></i><i class="_5dbd img sp_6E_d5dmi7E6 sx_df456a"></i>
          <div class="_1pc_"></div>
        </div>
      </div>
    </div>
    <div class="mbm _br- _a4y hidden_elem" id="u_0_t">
      <div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
        <div class="placeholder" aria-hidden="true">Mobile Number</div>
        <input type="text" class="inputtext _58mg _5dba _2ph-" data-type="text" name="reg_second_contactpoint__"
               placeholder="" aria-label="Mobile Number" id="u_0_u"></div>
    </div>
    <div class="mbm _br- _a4y" id="password_field">
      <div class="_5dbb" id="u_0_v">
        <div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
          <div class="placeholder" aria-hidden="true">New password</div>
          <input type="password" class="inputtext _58mg _5dba _2ph-" data-type="password" autocomplete="new-password"
                 name="reg_passwd__" aria-required="true" placeholder="" aria-label="New password" id="u_0_w"
                 aria-autocomplete="list"></div>
        <i class="_5dbc img sp_6E_d5dmi7E6 sx_f40ac8"></i><i class="_5dbd img sp_6E_d5dmi7E6 sx_df456a"></i>
        <div class="_1pc_"></div>
      </div>
    </div>
    <div class="_58mq _5dbb" id="u_0_x">
      <div class="mtm mbs _2_68">Birthday</div>
      <div class="_5k_5"><span class="_5k_4" data-type="selectors" data-name="birthday_wrapper" id="u_0_y"><span><select
        aria-label="Month" name="birthday_month" id="month" title="Month" class="_5dba"><option value="0">Month</option><option
        value="1">Jan</option><option value="2">Feb</option><option value="3" selected="1">Mar</option><option
        value="4">Apr</option><option value="5">May</option><option value="6">Jun</option><option value="7">Jul</option><option
        value="8">Aug</option><option value="9">Sep</option><option value="10">Oct</option><option
        value="11">Nov</option><option value="12">Dec</option></select><select aria-label="Day" name="birthday_day"
                                                                               id="day" title="Day" class="_5dba"><option
        value="0">Day</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option
        value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option
        value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option
        value="12" selected="1">12</option><option value="13">13</option><option value="14">14</option><option
        value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option
        value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option
        value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option
        value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option
        value="31">31</option></select><select aria-label="Year" name="birthday_year" id="year" title="Year"
                                               class="_5dba"><option value="0">Year</option><option
        value="2019">2019</option><option value="2018">2018</option><option value="2017">2017</option><option
        value="2016">2016</option><option value="2015">2015</option><option value="2014">2014</option><option
        value="2013">2013</option><option value="2012">2012</option><option value="2011">2011</option><option
        value="2010">2010</option><option value="2009">2009</option><option value="2008">2008</option><option
        value="2007">2007</option><option value="2006">2006</option><option value="2005">2005</option><option
        value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option
        value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option
        value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option
        value="1995">1995</option><option value="1994" selected="1">1994</option><option value="1993">1993</option><option
        value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option
        value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option
        value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option
        value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option
        value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option
        value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option
        value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option
        value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option
        value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option
        value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option
        value="1962">1962</option><option value="1961">1961</option><option value="1960">1960</option><option
        value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option
        value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option
        value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option
        value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option
        value="1947">1947</option><option value="1946">1946</option><option value="1945">1945</option><option
        value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option
        value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option
        value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option
        value="1935">1935</option><option value="1934">1934</option><option value="1933">1933</option><option
        value="1932">1932</option><option value="1931">1931</option><option value="1930">1930</option><option
        value="1929">1929</option><option value="1928">1928</option><option value="1927">1927</option><option
        value="1926">1926</option><option value="1925">1925</option><option value="1924">1924</option><option
        value="1923">1923</option><option value="1922">1922</option><option value="1921">1921</option><option
        value="1920">1920</option><option value="1919">1919</option><option value="1918">1918</option><option
        value="1917">1917</option><option value="1916">1916</option><option value="1915">1915</option><option
        value="1914">1914</option><option value="1913">1913</option><option value="1912">1912</option><option
        value="1911">1911</option><option value="1910">1910</option><option value="1909">1909</option><option
        value="1908">1908</option><option value="1907">1907</option><option value="1906">1906</option><option
        value="1905">1905</option></select></span></span><a class="_58ms mlm" id="birthday-help" href="#"
                                                            title="Click for more information" role="button">Why do I
        need to provide my birthday?</a><i class="_5dbc _5k_6 img sp_6E_d5dmi7E6 sx_f40ac8"></i><i
        class="_5dbd _5k_7 img sp_6E_d5dmi7E6 sx_df456a"></i>
        <div class="_1pc_"></div>
      </div>
    </div>
    <div class="mtm _5wa2 _5dbb" id="u_0_z"><span class="_5k_3" data-type="radio" data-name="gender_wrapper"
                                                  id="u_0_10"><span class="_5k_2 _5dba"><input type="radio" name="sex"
                                                                                               value="1"
                                                                                               id="u_0_a"><label
      class="_58mt" for="u_0_a">Female</label></span><span class="_5k_2 _5dba"><input type="radio" name="sex" value="2"
                                                                                      id="u_0_b"><label class="_58mt"
                                                                                                        for="u_0_b">Male</label></span></span><i
      class="_5dbc _5k_6 img sp_6E_d5dmi7E6 sx_f40ac8"></i><i class="_5dbd _5k_7 img sp_6E_d5dmi7E6 sx_df456a"></i>
      <div class="_1pc_"></div>
    </div>
    <div class="_58mu" data-nocookies="1" id="u_0_11"><p class="_58mv">By clicking Sign Up, you agree to our <a
      href="/legal/terms/update" id="terms-link" target="_blank" rel="nofollow">Terms</a>. Learn how we collect, use and
      share your data in our <a href="/about/privacy/update" id="privacy-link" target="_blank" rel="nofollow">Data
        Policy</a> and how we use cookies and similar technology in our <a href="/policies/cookies/"
                                                                           id="cookie-use-link" target="_blank"
                                                                           rel="nofollow">Cookies Policy</a>. You may
      receive SMS Notifications from us and can opt out any time.</p></div>
    <div class="clearfix">
      <button type="submit" class="_6j mvm _6wk _6wl _58mi _3ma _6o _6v" name="websubmit" id="u_0_12">Sign Up</button>
      <span class="hidden_elem _58ml" id="u_0_13"><img class="img"
                                                       src="https://static.xx.fbcdn.net/rsrc.php/v3/yb/r/GsNJNwuI-UM.gif"
                                                       alt="" width="16" height="11"></span></div>
  </div>
  <input type="hidden" autocomplete="off" id="referrer" name="referrer" value=""><input type="hidden" autocomplete="off"
                                                                                        id="asked_to_login"
                                                                                        name="asked_to_login" value="0"><input
    type="hidden" autocomplete="off" id="terms" name="terms" value="on"><input type="hidden" autocomplete="off" id="ns"
                                                                               name="ns" value="0"><input type="hidden"
                                                                                                          autocomplete="off"
                                                                                                          id="ri"
                                                                                                          name="ri"
                                                                                                          value="f6485d15-63ec-f882-f1a8-dd3d927dbb87"><input
    type="hidden" autocomplete="off" id="action_dialog_shown" name="action_dialog_shown" value=""><input type="hidden"
                                                                                                         autocomplete="off"
                                                                                                         id="invid"
                                                                                                         name="invid"
                                                                                                         value=""><input
    type="hidden" autocomplete="off" id="a" name="a" value=""><input type="hidden" autocomplete="off" id="oi" name="oi"
                                                                     value=""><input type="hidden" autocomplete="off"
                                                                                     id="locale" name="locale"
                                                                                     value="en_US"><input type="hidden"
                                                                                                          autocomplete="off"
                                                                                                          id="app_bundle"
                                                                                                          name="app_bundle"
                                                                                                          value=""><input
    type="hidden" autocomplete="off" id="app_data" name="app_data" value=""><input type="hidden" autocomplete="off"
                                                                                   id="reg_data" name="reg_data"
                                                                                   value=""><input type="hidden"
                                                                                                   autocomplete="off"
                                                                                                   id="app_id"
                                                                                                   name="app_id"
                                                                                                   value=""><input
    type="hidden" autocomplete="off" id="fbpage_id" name="fbpage_id" value=""><input type="hidden" autocomplete="off"
                                                                                     id="reg_oid" name="reg_oid"
                                                                                     value=""><input type="hidden"
                                                                                                     autocomplete="off"
                                                                                                     id="reg_instance"
                                                                                                     name="reg_instance"
                                                                                                     value="FxJ5XGogxTfYEgnePWp3LqzL"><input
    type="hidden" autocomplete="off" id="openid_token" name="openid_token" value=""><input type="hidden"
                                                                                           autocomplete="off" id="uo_ip"
                                                                                           name="uo_ip" value=""><input
    type="hidden" autocomplete="off" id="key" name="key" value=""><input type="hidden" autocomplete="off" id="re"
                                                                         name="re" value=""><input type="hidden"
                                                                                                   autocomplete="off"
                                                                                                   id="mid" name="mid"
                                                                                                   value=""><input
    type="hidden" autocomplete="off" id="fid" name="fid" value=""><input type="hidden" autocomplete="off"
                                                                         id="reg_dropoff_id" name="reg_dropoff_id"
                                                                         value=""><input type="hidden"
                                                                                         autocomplete="off"
                                                                                         id="reg_dropoff_code"
                                                                                         name="reg_dropoff_code"
                                                                                         value=""><input type="hidden"
                                                                                                         autocomplete="off"
                                                                                                         id="contactpoint_label"
                                                                                                         name="contactpoint_label"
                                                                                                         value="email_or_phone"><input
    type="hidden" autocomplete="off" id="ignore" name="ignore"
    value="reg_email_confirmation__|reg_second_contactpoint__">
  <div id="reg_captcha" class="_58mw hidden_elem">
    <div><h2 id="security_check_header">Security Check</h2>
      <div id="outer_captcha_box">
        <div id="captcha_box">
          <div class="field_error hidden_elem" id="captcha_response_error">This field is required.</div>
          <div id="captcha" class="captcha" data-captcha-class="ReCaptchav2Captcha"><input type="hidden"
                                                                                           autocomplete="off"
                                                                                           id="captcha_persist_data"
                                                                                           name="captcha_persist_data"
                                                                                           value="AZkfGuoSqjyYySw3izvRTkI_y82OV_RH2D_Jqbyb9Dulzs_u3XHUPGAgpKbTVtPnwN2c18Gd0uHxQhD72d6fAMYDmtlU6LhBD3hiSXkkr12ZG41VIR59x7ojlrXuvUXH_iK_RmSSU53oq8vGxW9GRGvCT4KuITS_Yd7IPZUCnAekdeQKYEWJ5IlwZsF2KIKJgDoUYPczyVmvhb082Xytes6TmoRvKxb7BTsyI2C4QfNbt49HCJpl_uBRRLF29btx3IxaV2irPqHYuvM23QaLboY_-EZy9upJRDCdrDBJ3x6EM1EvN9lEUVyBosdIjRTvewL_g2EEluN-2ol1gTcrOpFmFQQfAO8Jfp5wYMfC_CJv06BnhEqR9rMR9TcB2N-zDcw">
            <div><input name="captcha_response" id="captcha_response" type="hidden">
              <iframe id="captca-recaptcha" width="400px" height="93px" scrolling="no" frameborder="0"
                      src="https://staticxx.facebook.com/common/referer_frame.php" style="height:103px;"></iframe>
            </div>
            <div class="captcha_input"><a href="#" onclick="CSS.show($('captcha_whats_this')); return false;"
                                          role="button">Why am I seeing this?</a>
              <div id="captcha_whats_this" class="hidden_elem">
                <div class="fsl fwb">Security Check</div>
                This is a standard security test that we use to prevent spammers from creating fake accounts and
                spamming users.
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="captcha_buttons" class="_58p2 clearfix hidden_elem">
        <div class="_58mx _58mm">
          <div class="_58mz"> &nbsp;</div>
          <a class="_58my" href="#" role="button" id="u_0_14">Back</a></div>
        <div class="_58mm">
          <div class="clearfix">
            <button type="submit" class="_6j mvm _6wk _6wl _58me _58mi _3ma _6o _6v" id="u_0_15">Sign Up</button>
            <span class="hidden_elem _58ml" id="u_0_16"><img class="img"
                                                             src="https://static.xx.fbcdn.net/rsrc.php/v3/yb/r/GsNJNwuI-UM.gif"
                                                             alt="" width="16" height="11"></span></div>
        </div>
      </div>
    </div>
  </div>
  <input type="hidden" name="skstamp"
         value="eyJyb3VuZHMiOjUsInNlZWQiOiI0Y2M5OTQ0NGE2NzYxMDIyMDg4ZTI1ZmRlYjI4YjcxZCIsInNlZWQyIjoiYjA2MjU1NDc2YzJhMGNmNTZmYzk1ZmVkNjBjNWQyY2QiLCJoYXNoIjoiNGI0ODQzNWMzMGU1M2RiMjk2MGQ4YjlmNzdlY2Q1MDEiLCJoYXNoMiI6IjZjNjlmZTk5MjVmNTg3NjYyMWViODQ3ZDYwYmIyMTY5IiwidGltZV90YWtlbiI6MTY1MjI4LCJzdXJmYWNlIjoicmVnaXN0cmF0aW9uIn0=">
</form>
Tests:
querySelectorAll
const inputs = document.querySelectorAll('input');
getElementsByTagName
const inputs = document.getElementsByTagName('input');
Rendered benchmark preparation results:
Suite status: <idle, ready to run>

Previous results
Test case name	Result
querySelectorAll
getElementsByTagName
Fastest: N/A

Slowest: N/A

Latest run results:
Run details: (Test run date: one year ago)
User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36
Browser/OS: Chrome 127 on Windows
View result in a separate tab
Test name	Executions per second
querySelectorAll	231473.2 Ops/sec
getElementsByTagName	4143136.8 Ops/sec
Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.
Related benchmarks:
querySelectorAll versus getElementsByTagName (version: 0)

Comparing performance of: querySelectorAll vs getElementsByTagName

Created: 6 years ago by: Guest

Jump to the latest result

querySelectorAll

getElementsByTagName

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):
