JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="container"/>

JavaScript

var $container = $('#container'), 
    $items,
    tests = [
        (function () {
            $items.width(1);
        }),
        (function () {
            $items.height(1);
        }),
        (function () {
            $items.css('width', '1px');
        }),
        (function () {
            $items.css('height', '1px');
        })
    ];

// Add 1000 items
var html = "<li>Item</li>";
for (var i = 0; i < 10; i++) {
    html += html;
}

var start, elapsed;
for (i = 0; i < tests.length; i++) {
    $container.append(html);
    $items = $container.find('li');
    
    start = new Date().getTime();
    tests[i]();
    var elapsed = new Date().getTime() - start;
    console.log('test' + i + ' elapsed: ' + elapsed);
    
    $container.empty();
}