function createRender (tag)
{
    for (let i = 0; i <= 1_000_000; i++)
    {
        tag.appendChild(document.createElement('div'));
    }
}

function changesDOM ()
{
    const tag_root = document.createElement('main');
    document.body.appendChild(tag_root);

    console.time('DOM');
    createRender(tag_root);
    console.timeEnd('DOM');

    tag_root.remove();
}

function changesVDOM ()
{
    const tag_root = document.createElement('main');
    document.body.appendChild(tag_root);

    // VDOM
    document.body.removeChild(tag_root);

    console.time('VDOM');
    createRender(tag_root);
    console.timeEnd('VDOM');

    tag_root.remove();
}

// display clean
document.body.innerHTML = '';

setTimeout(() => changesDOM(), 0);
setTimeout(() => changesVDOM(), 0);