Benchmark: querySelector vs getElementsByClassName

HTML Preparation code:

<footer id="ft">


  <div class="inner clearfix">    
    <!--footer-info-->
    <div id="footer-info" class="clearfix">
    <div id="wapper-block" class="clearfix">
      <div class="block">
        <p class="block-title">AGRI PICKについて</p>
         <ul>
           <li><a href="https://agripick.com/about" data-wpel-link="internal">&raquo;&nbsp;AGRI PICKとは</a></li>
           <li><a href="https://agripick.com/lists" data-wpel-link="internal">&raquo;&nbsp;まとめ一覧</a></li>
           <li><a href="https://agripick.com/tag" data-wpel-link="internal">&raquo;&nbsp;キーワード一覧</a></li>
           <li><a href="https://agripick.com/author" data-wpel-link="internal">&raquo;&nbsp;ライタ一一覧</a></li>
           <li><a href="https://agripick.com/categories" data-wpel-link="internal">&raquo;&nbsp;カテゴリ一覧</a></li>           
         </ul>
         <ul>
           <li><a href="http://agri-connect.co.jp/" target="_blank" data-wpel-link="external" rel="nofollow external noopener noreferrer">&raquo;&nbsp;運営会社</a></li>
           <li><a href="http://agri-connect.co.jp/recruit/" target="_blank" data-wpel-link="external" rel="nofollow external noopener noreferrer">&raquo;&nbsp;採用情報</a></li>
           <li><a href="https://agripick.com/contact" data-wpel-link="internal">&raquo;&nbsp;お問い合わせ</a></li>
           <li><a href="https://agripick.com/agreement" data-wpel-link="internal">&raquo;&nbsp;利用規約</a></li>
           <li><a href="https://agripick.com/privacy_policy" data-wpel-link="internal">&raquo;&nbsp;プライバシーポリシー</a></li>          
         </ul>
         <!--<ul>
           <li></li>
         </ul>-->
        </div>
      <div class="block">
       <p class="block-title">カテゴリ一覧</p>
         <ul>
           <li><a href="https://agripick.com/news" data-wpel-link="internal">&raquo;&nbsp;ニュース</a></li>
           <li><a href="https://agripick.com/cultivation" data-wpel-link="internal">&raquo;&nbsp;栽培の知識</a></li>
           <li><a href="https://agripick.com/seeds-seedlings" data-wpel-link="internal">&raquo;&nbsp;種・苗</a></li>
           <li><a href="https://agripick.com/soil" data-wpel-link="internal">&raquo;&nbsp;土づくり</a></li>
           <li><a href="https://agripick.com/fertilizers" data-wpel-link="internal">&raquo;&nbsp;肥料</a></li>
           <li><a href="https://agripick.com/pesticides" data-wpel-link="internal">&raquo;&nbsp;農薬</a></li>
           <li><a href="https://agripick.com/machine" data-wpel-link="internal">&raquo;&nbsp;農業機械</a></li>
           <li><a href="https://agripick.com/material" data-wpel-link="internal">&raquo;&nbsp;農業資材</a></li>
           <li><a href="https://agripick.com/supplies" data-wpel-link="internal">&raquo;&nbsp;園芸用品</a></li>
           <li><a href="https://agripick.com/work-place" data-wpel-link="internal">&raquo;&nbsp;倉庫・作業場・事務所</a></li>
        </ul>
         <ul>
           <li><a href="https://agripick.com/home-garden" data-wpel-link="internal">&raquo;&nbsp;家庭菜園</a></li>
           <li><a href="https://agripick.com/gardening" data-wpel-link="internal">&raquo;&nbsp;ガーデニング・園芸</a></li>
           <li><a href="https://agripick.com/diy" data-wpel-link="internal">&raquo;&nbsp;DIY</a></li>
           <li><a href="https://agripick.com/legal-tips" data-wpel-link="internal">&raquo;&nbsp;農家の法務・基礎知識</a></li>
           <li><a href="https://agripick.com/recruit" data-wpel-link="internal">&raquo;&nbsp;就職・就農・求人</a></li>
           <li><a href="https://agripick.com/event" data-wpel-link="internal">&raquo;&nbsp;イベント・レジャー</a></li>
           <li><a href="https://agripick.com/fashion" data-wpel-link="internal">&raquo;&nbsp;ファッション</a></li>
           <li><a href="https://agripick.com/food" data-wpel-link="internal">&raquo;&nbsp;食</a></li>
           <li><a href="https://agripick.com/life" data-wpel-link="internal">&raquo;&nbsp;暮らし</a></li>
         </ul>
      </div>
    </div>

    </div>
    <!--/footer-info-->    <!--footer-logo-->
    <div id="footer-logo">
      <dl>
        <dt><a href="https://agripick.com/" data-wpel-link="internal"><img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20124%2025'%3E%3C/svg%3E" width="124" height="25" alt="農業・ガーデニング・園芸・家庭菜園マガジン[AGRI PICK]" data-lazy-src="https://agripick.com/wp-content/themes/curation-pc/img/logo.png"><noscript><img src="https://agripick.com/wp-content/themes/curation-pc/img/logo.png" width="124" height="25" alt="農業・ガーデニング・園芸・家庭菜園マガジン[AGRI PICK]"></noscript></a></dt>
          <dd class="desc">AGRI PICKは、農業・ガーデニング・園芸・家庭菜園Webマガジンです。</dd>
          <dd>
            <ul>
              <li><a href="https://www.facebook.com/AGRIPICK/" target="_blank" data-wpel-link="external" rel="nofollow external noopener noreferrer"><img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2045%2045'%3E%3C/svg%3E" width="45" height="45" alt="aa" data-lazy-src="https://agripick.com/wp-content/themes/curation-pc/img/ico_fb.png"><noscript><img src="https://agripick.com/wp-content/themes/curation-pc/img/ico_fb.png" width="45" height="45" alt="aa"></noscript></a></li>
            </ul>
          </dd>
          <dd class="copy">&copy; Agriconnect All Rights Reserved.</dd>
      </dl>
    </div>
    <!--/footer-logo-->
  </div>
  <!--footer-info-->


</footer>

Tests:

querySelector
document.querySelector(".desc")
getElementsByClassName
document.getElementsByClassName("desc")

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
querySelector
getElementsByClassName

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

Latest run results:

Run details: (Test run date: 4 years ago)

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

Browser/OS: Chrome 83 on Mac OS X 10.15.4

View result in a separate tab

Test name	Executions per second
querySelector	990092.5 Ops/sec
getElementsByClassName	2705660.2 Ops/sec

Related benchmarks:

querySelector vs getElementsByClassName (version: 0)

op / sec

Comparing performance of: querySelector vs getElementsByClassName

Created: 4 years ago by: Guest

Jump to the latest result

querySelector

getElementsByClassName

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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