Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
querySelectorAll versus getElementsByTagName
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
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:
Chrome 127
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Test name
Executions per second
querySelectorAll
231473.2 Ops/sec
getElementsByTagName
4143136.8 Ops/sec
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"> </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');