Benchmark: cloned children - MeasureThat.net

HTML Preparation code:

<li id="fn2" class="footnote-item" style="top: 80px;">
    <p>One of his last project is <em><a href="/works/the_blind_point/" title="eeeeeeeeeeeee">The blind point</a></em>. A video about ticks and the limits of representation.</p>
    <picture class="standard">
        <source type="image/webp" srcset="/works/the_blind_point/img/thumb-tbp/thumb-tbp-400w.webp 400w, /works/the_blind_point/img/thumb-tbp/thumb-tbp-800w.webp 800w, /works/the_blind_point/img/thumb-tbp/thumb-tbp-1280w.webp 1280w, /works/the_blind_point/img/thumb-tbp/thumb-tbp-2322w.webp 2322w" sizes="100vw">
        <source type="image/jpeg" srcset="/works/the_blind_point/img/thumb-tbp/thumb-tbp-400w.jpeg 400w, /works/the_blind_point/img/thumb-tbp/thumb-tbp-800w.jpeg 800w, /works/the_blind_point/img/thumb-tbp/thumb-tbp-1280w.jpeg 1280w, /works/the_blind_point/img/thumb-tbp/thumb-tbp-2322w.jpeg 2322w" sizes="100vw">
        <source type="image/png" srcset="/works/the_blind_point/img/thumb-tbp/thumb-tbp-400w.png 400w, /works/the_blind_point/img/thumb-tbp/thumb-tbp-800w.png 800w, /works/the_blind_point/img/thumb-tbp/thumb-tbp-1280w.png 1280w, /works/the_blind_point/img/thumb-tbp/thumb-tbp-2322w.png 2322w" sizes="100vw"><img src="/works/the_blind_point/img/thumb-tbp/thumb-tbp-2322w.png" alt="" loading="lazy" decoding="async" width="2322" height="1161"></picture>
    <p>Da fare:</p>
    <ol>
        <li>
            <p>tutto per telefono</p>
        </li>
        <li>
            <p>inserire content</p>
        </li>
        <li>
            <p>clean code</p>
        </li>
        <li>
            <p>footnote hover (show box and freccetta)</p>
        </li>
        <li>
            <p>fleuron for line</p>
        </li>
        <li>
            <p>decide for links (no underline)</p>
        </li>
        <li>
            <p>autoprefixer css with postcss</p>
        </li>
        <li>
            <p>fix ?</p>
        </li>
    </ol>
    <a href="#fnref2" class="footnote-backref">↩︎</a>
</li>

Tests:

clonenode and get children and inject them in element
let content = document.getElementById("fn2").cloneNode(true).childNodes; let inline_box = document.createElement("div"); content.forEach(x => inline_box.appendChild(x));
create element and clone all children in it
let content = document.getElementById("fn2").childNodes; let inline_box = document.createElement("div"); content.forEach(x => inline_box.appendChild(x.cloneNode(true)));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
clonenode and get children and inject them in element
create element and clone all children in it

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

cloned children (version: 0)

Comparing performance of: clonenode and get children and inject them in element vs create element and clone all children in it

Created: one year ago by: Guest

Jump to the latest result

clonenode and get children and inject them in element

create element and clone all children in it

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

No previous run results