JSFiddle - React, Tailwind, and code Playground

by tyage

CSS

.clear {
    color: transparent;
}
span {
    position: absolute;
    display: block;
}

JavaScript

var calc = function(klass, callback) {
var str = ""
var span = "<span class='" + klass + "'>test</span>"
for (var i = 0; i < 100000; ++i) {
    str += span
}
str += "<img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEISURBVHjaYvz/8SMDDPyD43//gPQ/bAAggFhACvn4gMT///8Zwdr+/wcRjP//MzMwMP1HAV+ePQMIIBYGqKL/yIz/2AAjI+O/P38AAoiFSNUQKaCTAAKIBehWRrhqMMSjAagDIIBYGPj5Gfr6/j979v/PH4Y/f/7D0e/f/38DGb/BjN8gWWnpfwsXAgQQ2EkPH/5/8OD/718MvyHqfv3/9fv/r18gNhLJ+OkT0DkAAQR2ElgIZDyyIlTVEMv/MDAABBBIAzPYAQxwRZja/gA1/GX4+xfoHIAAAmlg+v2HQVISbMxfhj8gnYxgIxkgJBD9/QtBQMUAAcT4FRy5cMSAykWTAgKAAAMA0PVcqMe0XaEAAAAASUVORK5CYII=' onload='next()'>"
document.body.innerHTML = str
start = new Date
next = function() {
    alert(klass + ': ' + (new Date - start))
    callback()
}
}

calc('clear', function() {
    calc('', function() {
        calc('clear', function() {
            calc('', function() {
            })
        })
    })
})