Comparation of speeds

const tbody_jquery = $('#here-goes-content');
const tbody_javascript = document.querySelector('#here-goes-content');

const timer = function(name) {
    var start = new Date();
    return {
        stop: function() {
            var end  = new Date();
            var time = end.getTime() - start.getTime();
            console.log('TEMPO:', name, 'terminado em', time, 'ms');
        }
    }
};


const runWithJQuery = function (tbody) {
    for (var l=0; l<10000; l++) {
        var el = tbody.append("<tr>");
        for (var c=0; c<10; c++) {
            var data = `<td>${c}</td>`;
            el.append(data);
        }
        el.append("</tr>");
    }
}

const runWithVanilla = function (tbody) {
    for (var l=0; l<10000; l++) {
        var tr = document.createElement('tr');
        for (var c=0; c<10; c++) {
            var col = document.createElement('td');
            col.innerHTML += c;
            tr.appendChild(col);
        }
        tbody.appendChild(tr);
    }
}

const t1 = timer('Rodando codigo javascript com jquery');
runWithJQuery(tbody_jquery);
t1.stop();

const t2 = timer('Rodando codigo javascript vanilla');
runWithVanilla(tbody_javascript);
t2.stop();