jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.

jsperf.com URLs are mirrored at the same path, e.g:

https://jsperf.com/negative-modulo/2

Can be accessed at:

https://jsperf.app/negative-modulo/2

test queries

Benchmark created on May 6, 2024

Preparation HTML


    <div class="body-wrapper   hs-content-id-101942821107 hs-site-page page ">
      
        <div id="hs_cos_wrapper_Navigation" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">








  






  <header class="header" aria-label="header">
    <a href="#main-content" class="header__skip">Skip to content</a>
  
    <div class="header__container">

    
    <a href="https://www.plushcare.com" class="nav-logo" aria-label="Go to homepage">
      <img src="" alt="" width="0" height="0">
    </a>

    
    <nav aria-label="navigation"> 
      <div class="navigation__wrapper">
        
          <ul>
            
          </ul>
        
   
        
          <div class="login__button" aria-label="Log in">
            



  

  
  
  
  
  
  

  
    
  

   
    
  

  <a aria-label="Log in" class="button button--outlined button--yellow button__icon button__icon--left" href="https://my.plushcare.com/signup/" role="button">
    Log in 
     




    <svg width="16" height="16" viewBox="0 0 15 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" role="presentation">
        <path d="M7.5 8C5.2912 8 3.5 6.37164 3.5 4.36364V3.63636C3.5 1.62836 5.2912 0 7.5 0C9.7088 0 11.5 1.62836 11.5 3.63636V4.36364C11.5 6.37164 9.7088 8 7.5 8Z" fill="currentColor"></path>
        <path d="M14.5 12.573C14.5 11.3458 13.6621 10.2665 12.4462 9.94396C11.1204 9.59146 9.3102 9.22668 7.5 9.22668C5.6898 9.22668 3.8796 9.59146 2.5538 9.94396C1.3379 10.2665 0.5 11.3458 0.5 12.573V13.9994H14.5V12.573Z" fill="currentColor"></path>    
    </svg>



 
  </a>
  

          </div>
        

        <div class="mobile-menu__footer" role="region" aria-label="footer navigation">
          <h4>Get to know us</h4>
          <ul>
            
          </ul>
        </div>
      </div> 
    </nav>
 
    
    <div class="cta__buttons">
      <div class="login__button " aria-label="Log in">
        



  

  
  
  
  
  
  

  
    
  

   
    
  

  <a aria-label="Log in" class="button button--outlined button--yellow button__icon button__icon--left" href="https://my.plushcare.com/signup/" role="button">
    Log in 
     




    <svg width="16" height="16" viewBox="0 0 15 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" role="presentation">
        <path d="M7.5 8C5.2912 8 3.5 6.37164 3.5 4.36364V3.63636C3.5 1.62836 5.2912 0 7.5 0C9.7088 0 11.5 1.62836 11.5 3.63636V4.36364C11.5 6.37164 9.7088 8 7.5 8Z" fill="currentColor"></path>
        <path d="M14.5 12.573C14.5 11.3458 13.6621 10.2665 12.4462 9.94396C11.1204 9.59146 9.3102 9.22668 7.5 9.22668C5.6898 9.22668 3.8796 9.59146 2.5538 9.94396C1.3379 10.2665 0.5 11.3458 0.5 12.573V13.9994H14.5V12.573Z" fill="currentColor"></path>    
    </svg>



 
  </a>
  

        
      </div>
  
      <div class="cta__book-button"> 
        



  

  
  
  
  
  
  

  

  

  <a aria-label="Book appointment" class="button button--filled" href="https://plushcare.com/" role="button">
    Book appointment 
    
  </a>
  

        
         
        



  

  
  
  
  
  
  

  

  

  <a aria-label="Book now" class="button button--filled" href="https://plushcare.com/" role="button">
    Book now 
    
  </a>
  

      </div>
    </div>

    <div class="menu__button" tabindex="0">
      <span></span>
    </div>

  </div>
</header></div>
      
    
      <main id="main-content" class="body-container-wrapper">
        
<div class="container-fluid body-container body-container--landing-page">
<div class="row-fluid-wrapper">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1715000174535" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
 








    
    



<section class="accordion-section accordion-section--horizontal component-wrapper-grid">
    <div class="accordion-section__content">
        <div class="accordion-section__header">
            <h2>Section heading</h2>
            <p>Section description</p>
        </div>
        <div class="accordion-section__accordion">
            

    <div class="accordion">
        
            
            
            
              
                <div class="accordion__item accordion__item--visible ">
                    <p class="accordion__item-title">Accordion Item Title 




    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 17 17" role="presentation">
        <path stroke="#666666" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16 5.5-7.223 4.815a.5.5 0 0 1-.554 0L1 5.5"></path>
    </svg>



</p>
                    <div class="accordion__item-description accordion__item-description--collapsed">
                        
                            <span>This is a test <a href="https://plushcare.com" rel="noopener">description</a>.</span>
                        

                        

                        
                    </div>
                </div>
            
        
      
    </div>


            <a class="accordion__link link accordion__link--hidden">Show more 




    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 17 17" role="presentation">
        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16 5.5-7.223 4.815a.5.5 0 0 1-.554 0L1 5.5"></path>
    </svg>



</a>
        </div>
    </div>
    
</section></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1715000185125" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
 








    
    



<section class="accordion-section accordion-section--horizontal component-wrapper-grid">
    <div class="accordion-section__content">
        <div class="accordion-section__header">
            <h2>Section heading</h2>
            <p>Section description</p>
        </div>
        <div class="accordion-section__accordion">
            

    <div class="accordion">
        
            
            
            
              
                <div class="accordion__item accordion__item--visible ">
                    <p class="accordion__item-title accordion__item-title--expanded">Accordion Item Title 




    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 17 17" role="presentation">
        <path stroke="#666666" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16 5.5-7.223 4.815a.5.5 0 0 1-.554 0L1 5.5"></path>
    </svg>



</p>
                    <div class="accordion__item-description accordion__item-description--expanded">
                        
                            <span>This is a test <a href="https://plushcare.com" rel="noopener">description</a>.</span>
                        

                        

                        
                    </div>
                </div>
            
        
            
            
            
              
                <div class="accordion__item accordion__item--visible ">
                    <p class="accordion__item-title">Accordion Item Title 




    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 17 17" role="presentation">
        <path stroke="#666666" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16 5.5-7.223 4.815a.5.5 0 0 1-.554 0L1 5.5"></path>
    </svg>



</p>
                    <div class="accordion__item-description accordion__item-description--collapsed">
                        
                            <span>This is a test <a href="https://plushcare.com" rel="noopener">description</a>.</span>
                        

                        

                        
                    </div>
                </div>
            
        
            
            
            
              
                <div class="accordion__item accordion__item--visible ">
                    <p class="accordion__item-title">Accordion Item Title 




    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 17 17" role="presentation">
        <path stroke="#666666" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16 5.5-7.223 4.815a.5.5 0 0 1-.554 0L1 5.5"></path>
    </svg>



</p>
                    <div class="accordion__item-description accordion__item-description--collapsed">
                        
                            <span>This is a test <a href="https://plushcare.com" rel="noopener">description</a>.</span>
                        

                        

                        
                    </div>
                </div>
            
        
            
            
            
              
                <div class="accordion__item accordion__item--visible ">
                    <p class="accordion__item-title">Accordion Item Title 




    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 17 17" role="presentation">
        <path stroke="#666666" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16 5.5-7.223 4.815a.5.5 0 0 1-.554 0L1 5.5"></path>
    </svg>



</p>
                    <div class="accordion__item-description accordion__item-description--collapsed">
                        
                            <span>This is a test <a href="https://plushcare.com" rel="noopener">description</a>.</span>
                        

                        

                        
                    </div>
                </div>
            
        
            
            
            
              
                <div class="accordion__item accordion__item--visible accordion__item--borderless">
                    <p class="accordion__item-title">Accordion Item Title 




    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 17 17" role="presentation">
        <path stroke="#666666" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16 5.5-7.223 4.815a.5.5 0 0 1-.554 0L1 5.5"></path>
    </svg>



</p>
                    <div class="accordion__item-description accordion__item-description--collapsed">
                        
                            <span>This is a test <a href="https://plushcare.com" rel="noopener">description</a>.</span>
                        

                        

                        
                    </div>
                </div>
            
        
            
            
            
              
                <div class="accordion__item accordion__item--hidden ">
                    <p class="accordion__item-title">Accordion Item Title 




    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 17 17" role="presentation">
        <path stroke="#666666" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16 5.5-7.223 4.815a.5.5 0 0 1-.554 0L1 5.5"></path>
    </svg>



</p>
                    <div class="accordion__item-description accordion__item-description--collapsed">
                        
                            <span>This is a test <a href="https://plushcare.com" rel="noopener">description</a>.</span>
                        

                        

                        
                    </div>
                </div>
            
        
            
            
            
              
                <div class="accordion__item accordion__item--hidden ">
                    <p class="accordion__item-title">Accordion Item Title 




    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 17 17" role="presentation">
        <path stroke="#666666" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16 5.5-7.223 4.815a.5.5 0 0 1-.554 0L1 5.5"></path>
    </svg>



</p>
                    <div class="accordion__item-description accordion__item-description--collapsed">
                        
                            <span>This is a test <a href="https://plushcare.com" rel="noopener">description</a>.</span>
                        

                        

                        
                    </div>
                </div>
            
        
      
    </div>


            <a class="accordion__link link">Show more 




    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 17 17" role="presentation">
        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16 5.5-7.223 4.815a.5.5 0 0 1-.554 0L1 5.5"></path>
    </svg>



</a>
        </div>
    </div>
    
</section></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div>
</div>
</div>

      </main>

      
        <div id="hs_cos_wrapper_Footer" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">












    


<footer class="footer component-wrapper-grid">
    <img class="footer__logo" src="" alt="">
    
    <div class="footer__columns-container footer__grid-column--2">
        
            <div class="footer__column">
                <div class="footer__column-header">
                    <p class="footer__column-title">Column Title</p>
                    




    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 17 17" role="presentation">
        <path stroke="#B2DDED" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16 5.5-7.223 4.815a.5.5 0 0 1-.554 0L1 5.5"></path>
    </svg>




                </div>

                <ul class="footer__column-list">
                    
                </ul>
            </div>
        
    </div>

    <div class="footer__logos">
        <div class="footer__socials">
            
        </div>
        <div class="footer__awards">
            
        </div>
    </div>

    <p class="footer__copyright">© 2024 . All rights reserved.</p>

    <div class="footer__links">
        
            
    

    
    

    
        
    
  
    <a class="link" href="https://www.accolade.com/" rel="related">
        Privacy policy
        
    </a>


        
    </div>
</footer></div>
      
    </div>
    
    
    
<!-- HubSpot performance collection script -->
<script defer="" src="https://static.hsappstatic.net/content-cwv-embed/static-1.840/embed.js"></script>
<script src="//f.hubspotusercontent-eu1.net/hub/144312891/hub_generated/template_assets/96806269670/1715000080562/accolade-marketing-theme/js/main.min.js"></script>
<script>
var hsVars = hsVars || {}; hsVars['language'] = 'en';
</script>

<script src="https://static.hsappstatic.net/cos-i18n/static-1.53/bundles/project.js"></script>
<script src="https://f.hubspotusercontent-eu1.net/hub/144312891/hub_generated/module_assets/100909748719/1715000060702/module_100909748719_navigation.min.js"></script>
<script src="https://f.hubspotusercontent-eu1.net/hub/144312891/hub_generated/module_assets/99607538650/1715000652129/module_99607538650_accordion-section.min.js"></script>
<script src="https://f.hubspotusercontent-eu1.net/hub/144312891/hub_generated/module_assets/101945277943/1715000059932/module_101945277943_footer.min.js"></script>

<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(["setContentType", "standard-page"]);
_hsq.push(["setCanonicalUrl", "http:\/\/144312891.hs-sites-eu1.com\/accordion-item-close"]);
_hsq.push(["setPageId", "101942821107"]);
_hsq.push(["setContentMetadata", {
    "contentPageId": 101942821107,
    "legacyPageId": "101942821107",
    "contentFolderId": null,
    "contentGroupId": null,
    "abTestId": null,
    "languageVariantId": 101942821107,
    "languageCode": null,
    
    
}]);
</script>

<script type="text/javascript" id="hs-script-loader" async="" defer="" src="//js-eu1.hs-scripts.com/144312891.js"></script>
<!-- End of HubSpot Analytics Code -->


<script type="text/javascript">
var hsVars = {
    render_id: "c866e1d2-bc4e-4564-9ddf-ab79d4423e44",
    ticks: 1715000761424,
    page_id: 101942821107,
    
    content_group_id: 0,
    portal_id: 144312891,
    app_hs_base_url: "https://app-eu1.hubspot.com",
    cp_hs_base_url: "https://cp-eu1.hubspot.com",
    language: "en",
    analytics_page_type: "standard-page",
    scp_content_type: "",
    analytics_page_id: "101942821107",
    category_id: 1,
    folder_id: 0,
    is_hubspot_user: false
}
</script>


<script defer="" src="https://static.hsappstatic.net/HubspotToolsMenu/static-1.321/js/index.js"></script>




  
<iframe owner="archetype" title="archetype" style="display: none; visibility: hidden;"></iframe><link rel="stylesheet" href="//static.hsappstatic.net/HubspotToolsMenu/static-1.321/css/toolsmenu.css"><div role="button" class="hs-tools-menu hs-collapsed" aria-expanded="false">
        <img class="hs-sprocket" alt="HubSpot Tools Menu Toggle" src="//static.hsappstatic.net/HubspotToolsMenu/static-1.321/js/sprocket_white.svg">
        <div class="hs-dropdown">
          <div class="hs-title">HubSpot Tools</div>
          <ul class="hs-tools-actions">
            <li><a target="_blank" href="https://app-eu1.hubspot.com/content/144312891/edit-beta/101942821107?utm_source=sprocket-menu">
Edit Page
</a></li><li><a target="_blank" href="https://app-eu1.hubspot.com/content-detail/144312891/site-page/101942821107/performance?utm_source=sprocket-menu">
View Page Details
</a></li><li><a target="_blank" href="https://app-eu1.hubspot.com/website/144312891/pages/site?utm_source=sprocket-menu">
Site Pages
</a></li><li><a target="_blank" href="https://app-eu1.hubspot.com/content/144312891/settings/url-mappings?utm_source=sprocket-menu">
URL Redirects
</a></li><li><a target="_blank" href="https://144312891.hs-sites-eu1.com/___context___/accordion-item-close?portalId=144312891&amp;utm_source=sprocket-menu&amp;hs-expires=1715004362&amp;hs-version=1&amp;hs-signature=AEvKm3AopnDusJ8w-DbTyHHOd9yx6jC61w">
Developer Info
</a></li><li><a target="_blank" href="https://app-eu1.hubspot.com/design-manager/144312891/code/97496787189?utm_source=sprocket-menu">
Edit Template File
</a></li><li><a target="_blank" href="https://app-eu1.hubspot.com/code-alerts/144312891?utm_source=sprocket-menu">
View Code Alerts
</a></li><li><a target="_blank" class="hs-local-dev-server">
Open Local Dev Server
</a></li>
            <li>
              <a role="button" href="#hide-menu" class="hs-menu-hider">Hide This Menu</a>
            </li>
          </ul>
        </div>
      </div>

Test runner

Ready to run.

Test Ops/sec

queryall

Testing in
Test	Ops/sec
queryall	`const allAccordionSections = document.querySelectorAll('.accordion-section'); const expandedDescriptions = accordionSection.querySelectorAll('.accordion__item-description--expanded');`	ready
query	`const allAccordionSections = document.querySelector('.accordion-section'); const expandedDescriptions = accordionSection.querySelector('.accordion__item-description--expanded');`	ready

  const allAccordionSections = document.querySelectorAll('.accordion-section');
          const expandedDescriptions = accordionSection.querySelectorAll('.accordion__item-description--expanded');

ready

query

  const allAccordionSections = document.querySelector('.accordion-section');
          const expandedDescriptions = accordionSection.querySelector('.accordion__item-description--expanded');

ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

Revision 1: published on May 6, 2024