Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
querySelectorAllBenchmark
(version: 0)
Comparing performance of:
querySelectorAll vs document.querySelectorAll(".test")
Created:
5 years ago
by:
Guest
Jump to the latest result
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>
Run tests (2)
Previous results
Fork
Test case name
Result
querySelectorAll
document.querySelectorAll(".test")
Fastest:
N/A
Slowest:
N/A
Latest run results:
No previous run results
This benchmark does not have any results yet. Be the first one
to run it!
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
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:
video load test_v2
video load test_v3
CLSX vs concat
abcdef 1234
Comments
Confirm delete:
Do you really want to delete benchmark?