Benchmark: querySelectorAllBenchmark

HTML Preparation code:
<main>
          
    <nrkno-nettvideo class="player"><!---->
      <div class="player__container player__container--1x1">
        <nrkno-player type="player" intersectionthreshold="[0.8,0.2]" disableautopause="" class="-player aspect-ratio aspect-ratio--1x1 player-size--large" src="nrk:7fca9c60-1409-4679-a363-f2e215ffb730" ga="UA-3413696-1" sourceid="nv:7fca9c60-1409-4679-a363-f2e215ffb730" shareorigin="https://www.nrk.no/video" autoplay="" features="[]" playlist="[]" style="--player-base-font-size:0.9375rem;"><!---->
      <video aria-hidden="true" crossorigin="anonymous" playsinline="" webkit-playsinline="" poster="https://gfx.nrk.no/kj_gttYTjsKJsnVgvWa0FQZ0NyzCseC7DNPW12vMQxCQ" src="blob:https://www.nrk.no/de43a26b-a974-49ae-8005-67367eb44470" style="object-fit: contain;"></video>
      <span class="visually-hidden" aria-live="polite"><!----><!----></span>
      <nrkno-player-keyboard></nrkno-player-keyboard>
      <nrkno-player-tracker ga="UA-3413696-1" source-id="nv:7fca9c60-1409-4679-a363-f2e215ffb730"></nrkno-player-tracker>
      <nrkno-player-subtitles class="-subtitles nrkno-player-subtitle" type="subtitles"><!----><!----></nrkno-player-subtitles>
      
      <nrkno-player-controls class="-controls full" type="controls" tabindex="0" active=""><!---->
      <div class="nrkno-player-controls__bar absolute left bottom">
        <div class="flex">
          <nrkno-player-scrubber class="-scrubber nrkno-player-controls__scrubber" active=""><!---->
      <input class="nrkno-player-scrubber__input absolute reset-input-range" action:events="change" type="range" min="0" max="100" step="1" aria-label="Spol" action="player.seekTo">
      <div class="nrkno-player-scrubber__progressbar" type="progressbar" aria-hidden="true">
        <div class="nrkno-player-scrubber__playhead" type="playhead"></div>
        <div class="nrkno-player-scrubber__progressbar--full" type="progressbar-full"></div>
        <div class="nrkno-player-scrubber__progressbar--played" type="progressbar-played"></div>
      </div>
      <div class="nrkno-player-scrubber__time nrkno-player-scrubber__time--start" type="start-time" aria-hidden="true"></div>
      <div class="nrkno-player-scrubber__time nrkno-player-scrubber__time--end" type="end-time" aria-hidden="true"></div>
      <div class="nrkno-player-scrubber__time nrkno-player-scrubber__time--playhead" type="playhead-time" aria-hidden="true"></div>
      <div class="nrkno-player-scrubber__time nrkno-player-scrubber__time--pointer" type="pointer-time" aria-hidden="true"></div>
    <!----></nrkno-player-scrubber>
          
        </div>

        <div class="nrkno-player-controls__buttons absolute">
          
    <button class="nrkno-player-playpause-button nrkno-player-button-big nrkno-player-focus-ring--outside center-content absolute" type="playpause-button" autofocus="" action="player.togglePlay" aria-label="Spill av">
      <svg viewBox="0 0 24 24" class="nrk-media-play" width="1.500em" height="1.500em" aria-hidden="true" focusable="false"><path fill="currentColor" d="M6 2h8l5.5 10L14 22H6l5.5-10L6 2z"></path></svg>
    </button>
  
          
          <nrkno-player-volume class="-volume nrkno-player-controls__volume absolute"><!---->
      <button type="mute-button" class="nrkno-player-volume__mute absolute top left nrkno-player-focus-ring center-content" action="player.toggleMute" aria-label="Lyd av">
        <svg viewBox="0 0 24 24" class="nrk-media-volume--3" width="1.500em" height="1.500em" aria-hidden="true" focusable="false"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M12.5316 23l-4.99997-6H1V7h6.53163l4.99997-6H15v22h-2.4684zM8.46838 9H3v6h5.46838L13 20.438V3.56205L8.46838 9zM19 17V7h-2v10h2zm4-13v16h-2V4h2z"></path></svg> 
      </button>
      
      <div class="nrkno-player-volume__control nrkno-player-focus-ring absolute bottom left">
        <input class="nrkno-player-volume__input absolute reset-input-range" type="range" min="0" max="100" step="10" aria-label="Juster lydnivå" action="player.setVolume">
        <div class="nrkno-player-volume__slider absolute" aria-hidden="true">
          <div class="nrkno-player-volume__slider-fill" style="height: 100%;"></div>
          <div class="nrkno-player-volume__slider-thumb-track">
            <div class="nrkno-player-volume__slider-thumb absolute" style="bottom: 100%;"></div>
          </div>
        </div>
      </div>
    
    <!----></nrkno-player-volume> 
      <button class="nrkno-player-controls__fullscreen-button nrkno-player-button-small nrkno-player-focus-ring absolute center-content" type="fullscreen-button" action="player.enterFullscreen" aria-label="Fullskjerm">
        <svg viewBox="0 0 24 24" class="nrk-fullscreen" width="1.500em" height="1.500em" aria-hidden="true" focusable="false"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M12 4h6.5858l-5.2929 5.29289 1.4142 1.41421L20 5.41423V12h2V2H12v2zM4 18.5858l5.29288-5.2929 1.41422 1.4142L5.4142 20H12v2H2V12h2v6.5858z"></path></svg>
      </button>
     
    <button class="nrkno-player-share-button nrkno-player-button-small nrkno-player-focus-ring absolute center-content" type="share-button" aria-label="Del video" action="player.dialogShow" value="share">
      <svg viewBox="0 0 24 24" class="nrk-some-share" width="1.500em" height="1.500em" aria-hidden="true" focusable="false"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M20.6023 9l-4.9-7H13.43l4.2 6H12c-3.86599 0-7 3.134-7 7v7.2929l2-2V15c0-2.7614 2.23858-5 5-5h5.63l-4.2 6h2.2723l4.9-7z"></path></svg>
    </button>
  
        </div>
      </div>
    <!----></nrkno-player-controls>
      
      <nrkno-player-poster class="-poster full" type="poster" src="https://gfx.nrk.no/kj_gttYTjsKJsnVgvWa0FQ3fc3gH6HCkPNPW12vMQxCQ" heading="" subheading="" srcset="https://gfx.nrk.no/kj_gttYTjsKJsnVgvWa0FQcNizcWixoELNPW12vMQxCQ 300w, https://gfx.nrk.no/kj_gttYTjsKJsnVgvWa0FQ3fc3gH6HCkPNPW12vMQxCQ 600w, https://gfx.nrk.no/kj_gttYTjsKJsnVgvWa0FQ5N7KjQKPAtDNPW12vMQxCQ 960w, https://gfx.nrk.no/kj_gttYTjsKJsnVgvWa0FQZ0NyzCseC7DNPW12vMQxCQ 1920w, https://gfx.nrk.no/kj_gttYTjsKJsnVgvWa0FQcNizcWixoELNPW12vMQxCQ"><!---->
      <img class="full" alt="" src="https://gfx.nrk.no/kj_gttYTjsKJsnVgvWa0FQ3fc3gH6HCkPNPW12vMQxCQ"> 
      <button class="nrkno-player-poster__button full" type="play-button" action="player.play" aria-label="Varigheten er 1 minutt og 15 sekunder.">
        <div aria-hidden="true">
          
          <div class="absolute top right flex"><!---->  <time class="nrkno-player-poster__pill"><!---->01:15<!----></time> <!----></div>
          <div class="absolute bottom left right">
             <div class="nrkno-player-poster__icon-play nrkno-player-button-big nrkno-player-focus-ring--outside relative center-content nrkno-player-button--start-time-indicator">
      <span class="sr-only">Spill av</span>
      <svg viewBox="0 0 24 24" class="nrk-media-play" width="1.500em" height="1.500em" aria-hidden="true" focusable="false"><path fill="currentColor" d="M6 2h8l5.5 10L14 22H6l5.5-10L6 2z"></path></svg>
    </div> 
          </div>
          
        </div>
      </button>
    <!----></nrkno-player-poster>
     
      <nrkno-player-errormessage class="nrkno-player-errormessage full" hidden=""></nrkno-player-errormessage>
     
    <div class="nrkno-player-spinner center" hidden="">
      <div class="nrkno-player-spinner__icon">
        <svg viewBox="0 0 24 24" class="nrk-spinner" width="1.500em" height="1.500em" aria-hidden="true" focusable="false"><path fill="currentColor" d="M23 11.9999s0 .0001 0 0C23 18.0751 18.0751 23 12 23 5.92487 23 1 18.0751 1 12 1 5.92487 5.92487 1 12 1v2c-4.97056 0-9 4.02944-9 9 0 4.9706 4.02944 9 9 9 4.9706 0 9-4.0294 9-9l2-.0001z"></path></svg>
      </div>
    </div>
   
      <nrkno-player-recommended class="nrkno-player-recommended full" hidden=""></nrkno-player-recommended>
    
      
      <nrkno-player-share class="nrkno-player-share full" hidden=""></nrkno-player-share>
     
    <!----></nrkno-player>
      </div>
    <!----></nrkno-nettvideo>
  
          <!-- -->
          
    <nrkno-nettvideo-metadata class="lemer"><!---->
      <div class="metadata__container metadata__container--1x1">
        <h1 class="metadata__title"><!---->En moderne «Terje Vigen»<!----></h1>

        <div class="metadata__content">
          
      <a href="/video/humor/fra/det-beste-fra-nytt-paa-nytt">
        <div role="text" class="metadata__thumbnail-wrapper">
          <div class="metadata__publisher-image metadata__publisher-image--lemer">
             <img alt="" src="https://gfx.nrk.no/LdS0fHWPi-NkLXj1s-oSmQ04SFWstdq0Ya5uNi2QZxZA"> 
          </div>
          <div class="metadata__publisher-name">
            <span class="nrk-sr">Serieside:</span>
            Det beste fra Nytt på nytt
          </div>
        </div>
      </a>
    

          <button class="metadata__toggle-button" for="metadata__toggle" id="kki7uccjvve" aria-expanded="true" aria-controls="metadata__toggle">
            <span class="nrk-sr">Vis mer info</span>
            <svg viewBox="0 0 24 24" class="nrk-chevron-up" width="1.500em" height="1.500em" aria-hidden="true" focusable="false"><path fill="currentColor" d="M4 13.12l8-5.6 8 5.6V15l-8-5.6L4 15v-1.88z"></path></svg>
          </button>
        </div>

        <core-toggle id="metadata__toggle" class="metadata__toggle" aria-labelledby="kki7uccjvve" role="group">
           <p class="metadata__description"><!---->Kanskje stengingen av grensene vil produsere et nytt episk dikt?<!----></p> 
          <!-- -->
          
    <nrkno-nettvideo-share><!---->
      <button aria-label="Kopier lenke" class="share__button nrk-button">
        <svg viewBox="0 0 24 24" class="nrk-link" width="1.500em" height="1.500em" aria-hidden="true" focusable="false"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M10.59 9.17L3.5 16.24l4.25 4.25 2.83-2.83L12 19.07l-4.24 4.24-7.07-7.07 9.9-9.9 4.24 4.25L13.4 12 10.6 9.17zm5.65-5.66l-2.83 2.83L12 4.93 16.24.69l7.07 7.07-9.9 9.9-4.24-4.25L10.6 12l2.82 2.83 7.08-7.07-4.25-4.25z"></path></svg>

        <span>
          Kopier lenke
        </span>
      </button>
    <!----></nrkno-nettvideo-share>
  
        </core-toggle>
      </div>
    <!----></nrkno-nettvideo-metadata>
  
          <!-- -->
          
    <nrkno-nettvideo-related-content><!---->
      <div class="section__wrapper">
        
      <section class="section__container section__container--aside">
        <nrkno-nettvideo-next-clips class="next-clips" title="Neste" data-ec-list="nrkno_lemer_viderenavigasjon_neste"><!---->
      <h2 class="next-clips__heading"><!---->Neste<!----></h2>
      <div>
        <!---->
            <a role="button" class="clip-thumbnail" href="/video/humor/johan-fant-ut-at-nakenspa-er-aapne_6b05d12c-4cf0-4f58-84dd-46930a167388" data-ec-id="potion:6b05d12c-4cf0-4f58-84dd-46930a167388" data-ec-name="Johan fant ut at nakenspa er åpne" data-ec-variant="next">
              <div class="clip-thumbnail__container">
                <div class="clip-thumbnail__aside">
                  <div class="clip-thumbnail__image">
                    <img alt="" src="https://gfx.nrk.no/AvYnJsvdFJyUHGT26ftpdAOBTe9hgMGXBsBYTWwn9gRw">

                    
    <span class="duration__label duration__label--align-bottom-right">
      <span aria-hidden="true"><!---->01:18<!----></span>
    </span>
  
                  </div>
                </div>
                <div class="clip-thumbnail__details">
                  <h3 class="clip-thumbnail__title" id="6b05d12c-4cf0-4f58-84dd-46930a167388-title"> Johan fant ut at nakenspa er åpne </h3>
                  
                        <span class="nrk-sr">
                          . Varighet er 1 minutt og 18 sekunder
                        </span>
                      
                  
                        <span class="clip-thumbnail__metadata">
                          Det beste fra Nytt på nytt
                        </span>
                      
                </div>
              </div>
            </a>
          <!---->
            <a role="button" class="clip-thumbnail" href="/video/humor/thorbjorn-harrs-klem-odela-homeland-audition_d21a1539-50cb-49b4-82d7-43a907b7d75b" data-ec-id="potion:d21a1539-50cb-49b4-82d7-43a907b7d75b" data-ec-name="Thorbjørn Harrs klem ødela «Homeland»-audition" data-ec-variant="clipbag">
              <div class="clip-thumbnail__container">
                <div class="clip-thumbnail__aside">
                  <div class="clip-thumbnail__image">
                    <img alt="" src="https://gfx.nrk.no/RTYJK4caSjfpSXaKejxt4gaXuMnOMzZMQaCAiP4k8-Yw">

                    
    <span class="duration__label duration__label--align-bottom-right">
      <span aria-hidden="true"><!---->01:57<!----></span>
    </span>
  
                  </div>
                </div>
                <div class="clip-thumbnail__details">
                  <h3 class="clip-thumbnail__title" id="d21a1539-50cb-49b4-82d7-43a907b7d75b-title"> Thorbjørn Harrs klem ødela «Homeland»-audition </h3>
                  
                        <span class="nrk-sr">
                          . Varighet er 1 minutt og 57 sekunder
                        </span>
                      
                  
                        <span class="clip-thumbnail__metadata">
                          Kåss til kvelds
                        </span>
                      
                </div>
              </div>
            </a>
          <!---->
            <a role="button" class="clip-thumbnail" href="/video/humor/nakstad-vs-guldvog-hvem-er-deiligst_efd994a8-29ee-451b-bd0c-c98e708508f1" data-ec-id="potion:efd994a8-29ee-451b-bd0c-c98e708508f1" data-ec-name="Nakstad vs. Guldvog. Hvem er deiligst?" data-ec-variant="clipbag">
              <div class="clip-thumbnail__container">
                <div class="clip-thumbnail__aside">
                  <div class="clip-thumbnail__image">
                    <img alt="" src="https://gfx.nrk.no/ocjALIgkFW3i3ULbTSx40QpfZ4tcUgjhAwUW41_ejpzg">

                    
    <span class="duration__label duration__label--align-bottom-right">
      <span aria-hidden="true"><!---->01:34<!----></span>
    </span>
  
                  </div>
                </div>
                <div class="clip-thumbnail__details">
                  <h3 class="clip-thumbnail__title" id="efd994a8-29ee-451b-bd0c-c98e708508f1-title"> Nakstad vs. Guldvog. Hvem er deiligst? </h3>
                  
                        <span class="nrk-sr">
                          . Varighet er 1 minutt og 34 sekunder
                        </span>
                      
                  
                        <span class="clip-thumbnail__metadata">
                          Søstrene ser på TV
                        </span>
                      
                </div>
              </div>
            </a>
          <!---->
            <a role="button" class="clip-thumbnail" href="/video/humor/nordmenn-strommer-til-utestedene-for-aa-feire-at-de-aldri-laerer_ee8a745c-c3f5-47a5-889a-23a2f9fecc4e" data-ec-id="potion:ee8a745c-c3f5-47a5-889a-23a2f9fecc4e" data-ec-name="Nordmenn strømmer til utestedene for å feire at de aldri lærer" data-ec-variant="clipbag">
              <div class="clip-thumbnail__container">
                <div class="clip-thumbnail__aside">
                  <div class="clip-thumbnail__image">
                    <img alt="" src="https://gfx.nrk.no/PnlUsK0phePDzdm6hGBkBw0wXyd8XHvcCfOrqJHcRC6Q">

                    
    <span class="duration__label duration__label--align-bottom-right">
      <span aria-hidden="true"><!---->01:28<!----></span>
    </span>
  
                  </div>
                </div>
                <div class="clip-thumbnail__details">
                  <h3 class="clip-thumbnail__title" id="ee8a745c-c3f5-47a5-889a-23a2f9fecc4e-title"> Nordmenn strømmer til utestedene for å feire at de aldri lærer </h3>
                  
                        <span class="nrk-sr">
                          . Varighet er 1 minutt og 28 sekunder
                        </span>
                      
                  
                        <span class="clip-thumbnail__metadata">
                          Satiriks
                        </span>
                      
                </div>
              </div>
            </a>
          <!---->
            <a role="button" class="clip-thumbnail" href="/video/humor/adelina-faar-tidenes-bursdagsgave_875bb076-df0c-435b-a725-f08a60b058d7" data-ec-id="potion:875bb076-df0c-435b-a725-f08a60b058d7" data-ec-name="Adelina får tidenes bursdagsgave!" data-ec-variant="contributor">
              <div class="clip-thumbnail__container">
                <div class="clip-thumbnail__aside">
                  <div class="clip-thumbnail__image">
                    <img alt="" src="https://gfx.nrk.no/zMrVbwZvtUljSFYcsrS5VABcMqjyhyas7u8ugGs5LyUA">

                    
    <span class="duration__label duration__label--align-bottom-right">
      <span aria-hidden="true"><!---->01:00<!----></span>
    </span>
  
                  </div>
                </div>
                <div class="clip-thumbnail__details">
                  <h3 class="clip-thumbnail__title" id="875bb076-df0c-435b-a725-f08a60b058d7-title"> Adelina får tidenes bursdagsgave! </h3>
                  
                        <span class="nrk-sr">
                          . Varighet er 1 minutt
                        </span>
                      
                  
                        <span class="clip-thumbnail__metadata">
                          P3morgen
                        </span>
                      
                </div>
              </div>
            </a>
          <!---->
            <a role="button" class="clip-thumbnail" href="/video/humor/slik-slaar-du-an-i-hollywood-eller_1aafca1f-007c-49b6-af18-abf6b1ad9291" data-ec-id="potion:1aafca1f-007c-49b6-af18-abf6b1ad9291" data-ec-name="Slik slår du an i Hollywood. Eller?" data-ec-variant="clipbag">
              <div class="clip-thumbnail__container">
                <div class="clip-thumbnail__aside">
                  <div class="clip-thumbnail__image">
                    <img alt="" src="https://gfx.nrk.no/nGVAwzuBanpVOkSefWTsRg29qtsxtw43ciDjDASzkupw">

                    
    <span class="duration__label duration__label--align-bottom-right">
      <span aria-hidden="true"><!---->01:28<!----></span>
    </span>
  
                  </div>
                </div>
                <div class="clip-thumbnail__details">
                  <h3 class="clip-thumbnail__title" id="1aafca1f-007c-49b6-af18-abf6b1ad9291-title"> Slik slår du an i Hollywood. Eller? </h3>
                  
                        <span class="nrk-sr">
                          . Varighet er 1 minutt og 28 sekunder
                        </span>
                      
                  
                        <span class="clip-thumbnail__metadata">
                          Kåss til kvelds
                        </span>
                      
                </div>
              </div>
            </a>
          <!---->
      </div>
    <!----></nrkno-nettvideo-next-clips>
      </section>
    

        <section class="section__container section__container--main">
          <!----> 
    <nrkno-nettvideo-channel-list><!---->
      <div class="related-section channels__section">
         <h2 class="related-section__title"><!---->Mer av disse<!----></h2> 
        
        <div class="channels__scroll-wrapper">
          <core-scroll class="channels" data-ec-list="nrkno_lemer_medvirkende_static" style="overflow: scroll; will-change: scroll-position; margin-right: 0px; margin-bottom: 0px; max-height: calc(100% + 0px); cursor: grab;">
            <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="2eb6a5a0-cb6a-43ac-8f9b-8d3f01fb0d71" data-ec-name="Robert Stoltenberg" data-ec-variant="redaksjon" href="/video/humor/med/robert-stoltenberg">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/HFh_HuBFH5kf2pcWqhXJigqLvxDa9axVwGas01yy9taw"> 
          </div>
          <p class="channel__name"> Robert Stoltenberg </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="98a27359-e932-4175-b9f6-9d1d7eae8e91" data-ec-name="Karsten Blomvik" data-ec-variant="redaksjon" href="/video/humor/med/karsten-blomvik">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/wq8yGj3LPSfsTzTgZ2Gy0Qt0siwpMhh8xZ1h_3GsF-Xg"> 
          </div>
          <p class="channel__name"> Karsten Blomvik </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="b23478a7-4bea-46a2-82a3-c8387358d143" data-ec-name="Marlene Stavrum" data-ec-variant="redaksjon" href="/video/humor/med/marlene-stavrum">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/maLm2kApkfVqKCHceOGAVgZZjVXROAq3GAFYWDrVFJ_w"> 
          </div>
          <p class="channel__name"> Marlene Stavrum </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="6d5ce052-94dc-407a-a95e-0dc0c68eb63a" data-ec-name="Steinar Sagen" data-ec-variant="redaksjon" href="/video/humor/med/steinar-sagen">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/IEcbE5JBclyjkZicwTiacwsQ3KwQVHgIaagzKKyHwBEw"> 
          </div>
          <p class="channel__name"> Steinar Sagen </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="bf06abce-0cff-4a08-ba8d-b7f94d277d4c" data-ec-name="Martin Beyer Olsen" data-ec-variant="redaksjon" href="/video/humor/med/martin-beyer-olsen">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/rlsQS4RT_Pwz1m6cXoaUSwOKM0bivfdut_cymEzfpdxQ"> 
          </div>
          <p class="channel__name"> Martin Beyer Olsen </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="6c2bcdc7-c3bf-44bd-add1-ee89ab6ecf2b" data-ec-name="Jon Sindre Fjellvang" data-ec-variant="redaksjon" href="/video/humor/med/jon-sindre-fjellvang">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/hE3vU6WcCX9yRZx9nu7QCg6dPh5TQti7Aftk3XCTBESA"> 
          </div>
          <p class="channel__name"> Jon Sindre Fjellvang </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="e5069112-ccf9-4633-9097-f490f5285638" data-ec-name="Else Kåss Furuseth" data-ec-variant="redaksjon" href="/video/humor/med/else-kaass-furuseth">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/-8vKtB9qWMhbuqa16JLdKA6qAlrWfXsLlfdTozvXOxTw"> 
          </div>
          <p class="channel__name"> Else Kåss Furuseth </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="e695f09e-fc78-4d6f-afc2-388833baa89f" data-ec-name="Bjarte Tjøstheim" data-ec-variant="redaksjon" href="/video/humor/med/bjarte-tjostheim">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/8Sxe0B6LL9G4N3Gtu8KW9wzHw3q4Of89FrVt_Rr6AW1A"> 
          </div>
          <p class="channel__name"> Bjarte Tjøstheim </p>
        </a>
      </div>
    <!---->
          </core-scroll>
        </div>
      </div>
    <!----></nrkno-nettvideo-channel-list>
   <!----> 
    <nrkno-nettvideo-clips class="related-section clips__section" lazy="" data-ec-list="nrkno_lemer_siste">
      
    </nrkno-nettvideo-clips>
   <!----> 
    <nrkno-nettvideo-clips class="related-section clips__section" lazy="" data-ec-list="nrkno_lemer_mest_sett">
      
    </nrkno-nettvideo-clips>
   <!----> 
    <nrkno-nettvideo-channel-list><!---->
      <div class="related-section channels__section">
         <h2 class="related-section__title"><!---->Serier<!----></h2> 
        
        <div class="channels__scroll-wrapper">
          <core-scroll class="channels" data-ec-list="nrkno_lemer_relaterte_serier" style="overflow: scroll; will-change: scroll-position; margin-right: 0px; margin-bottom: 0px; max-height: calc(100% + 0px); cursor: grab;">
            <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="7c7f280d-cc48-47a8-bf28-0dcc4847a80d" data-ec-name="4ETG" href="/video/humor/fra/4etg">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/QBdgnAEd1rFXe68SKIaS2QOZF-4TQ6uTY8lNE7aCo2nQ"> 
          </div>
          <p class="channel__name"> 4ETG </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="6ffc2f09-89fa-49d4-bc2f-0989fa99d4cd" data-ec-name="Feeden" href="/video/humor/fra/feeden">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/4p1fyucM4NRhxSTPfrEhJgpUKyIARtr-hqiV_EGh1E3A"> 
          </div>
          <p class="channel__name"> Feeden </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="45acc8da-3ba7-4196-acc8-da3ba77196d3" data-ec-name="Førstegangstjenesten" href="/video/humor/fra/forstegangstjenesten">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/zbM8sduQSyKprbYYKCr1rgj3tbP3Im2fSBuYfyotbWhw"> 
          </div>
          <p class="channel__name"> Førstegangstjenesten </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="78c5b2a9-67f8-4684-85b2-a967f85684be" data-ec-name="Friminutt" href="/video/humor/fra/friminutt">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/5O3F8Bc1d0Z_Ar8DOVXOGwi1lCIP1-RLcC4DtKW4S5Hw"> 
          </div>
          <p class="channel__name"> Friminutt </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="77242d42-931f-4d16-a42d-42931f0d16e1" data-ec-name="Helt Ramm" href="/video/humor/fra/helt-ramm">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/_4t1yBCacc8exhTq0wSyAQqgqfhVbJ6-n-fAmfeJiaug"> 
          </div>
          <p class="channel__name"> Helt Ramm </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="f2f4b744-23a0-45c5-b4b7-4423a0a5c533" data-ec-name="Hit for hit" href="/video/humor/fra/hit-for-hit">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/lvV_cxOqFdcHpA3VWDwl6wHoAONrZuDI8XB2bzyfzM0A"> 
          </div>
          <p class="channel__name"> Hit for hit </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="646d1603-fcb9-442b-ad16-03fcb9742b8e" data-ec-name="Karakter" href="/video/humor/fra/karakter">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/aSVy5ifRRj12Q1nb8mGRuwfEghUu5uOsloPugtIQU25A"> 
          </div>
          <p class="channel__name"> Karakter </p>
        </a>
      </div>
    <!---->
      <div class="channel">
        <a class="channel__anchor" data-ec-id="5f7ec1aa-dadc-4d93-bec1-aadadc0d93ec" data-ec-name="Karl Johan" href="/video/humor/fra/karl-johan">
          <div class="channel__image">
             <img alt="" src="https://gfx.nrk.no/4Wyw1KTf1zw6ug6LRfIXkA844svLVE5sv6_N1JHDDZmw"> 
          </div>
          <p class="channel__name"> Karl Johan </p>
        </a>
      </div>
    <!---->
          </core-scroll>
        </div>
      </div>
    <!----></nrkno-nettvideo-channel-list>
   <!----> 
    <nrkno-nettvideo-clips class="related-section clips__section" lazy="" data-ec-list="nrkno_lemer_samling_union">
      
    </nrkno-nettvideo-clips>
   <!----> 
    <nrkno-nettvideo-clips class="related-section clips__section" lazy="" data-ec-list="nrkno_lemer_samling_union">
      
    </nrkno-nettvideo-clips>
   <!----> 
    <nrkno-nettvideo-clips class="related-section clips__section" lazy="" data-ec-list="nrkno_lemer_samling_union">
      
    </nrkno-nettvideo-clips>
   <!----> 
    <nrkno-nettvideo-clips class="related-section clips__section" lazy="" data-ec-list="nrkno_lemer_samling_union">
      
    </nrkno-nettvideo-clips>
   <!---->
        </section>
      </div>
    <!----></nrkno-nettvideo-related-content>
  
        </main>
Tests:
querySelectorAll
document.querySelectorAll('[data-ec-id]')
document.querySelectorAll(".test")
document.querySelectorAll(".test")
Rendered benchmark preparation results:
Suite status: <idle, ready to run>

Previous results
Test case name	Result
querySelectorAll
document.querySelectorAll(".test")
Fastest: N/A

Slowest: N/A

Latest run results:
Run details: (Test run date: 2 years ago)
User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36
Browser/OS: Chrome 98 on Windows
View result in a separate tab
Test name	Executions per second
querySelectorAll	166951.7 Ops/sec
document.querySelectorAll(".test")	329148.8 Ops/sec
Autogenerated LLM Summary (model llama3.2:3b, generated 2 months ago):

LLMs can make mistakes. Check important info.
I'll do my best to provide an answer based on the provided code snippet and benchmark data.
The code snippet appears to be an HTML template for a video player, specifically from NRK (Norwegian Broadcasting Corporation). It uses JavaScript to fetch related video content.
**Issue:** The code snippet contains multiple instances of `document.querySelectorAll("[data-ec-id]")`, which may cause performance issues due to repeated DOM queries. Additionally, there are multiple related video clips sections (`<nrkno-nettvideo-clips>`) that contain the same data list reference (`nrkno_lemer_samling_union`), which could lead to unnecessary re-renders.
**Recommendations:**
1. **Optimize DOM querying**: Use `document.querySelector()` or `document.querySelectorAll()` with a specific CSS selector to reduce the number of DOM queries.
2. **Use caching**: Cache the result of `document.querySelectorAll("[data-ec-id]")` and reuse it instead of re-executing it on every render.
3. **Reduce related video clips**: Consider reducing the number of related video clips or using a more efficient rendering strategy.
**Potential code changes:**
```html
// Cache the result of document.querySelectorAll("[data-ec-id]")
const ecIdQueryResult = document.querySelectorAll("[data-ec-id]");
// Replace multiple queries with a single query
// ...
document.querySelector("[data-ec-id='646d1603-fcb9-442b-ad16-03fcb9742b8e']");
```
```javascript
// Reduce the number of related video clips
const relatedVideoClips = document.querySelectorAll(".related-section.clips__section");
relatedVideoClips.forEach((clip) => {
  // Perform some operation on the clip element
});
```
Please note that these are just suggestions, and a thorough review of the code is necessary to identify the root cause of any performance issues.
Related benchmarks:
querySelectorAllBenchmark (version: 0)

Comparing performance of: querySelectorAll vs document.querySelectorAll(".test")

Created: 3 years ago by: Guest

Jump to the latest result

querySelectorAll

document.querySelectorAll(".test")

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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