JSFiddle - React, Tailwind, and code Playground
HTML
<div>Correct order run took <span id='o'></span> msec.</div>
<div>Incorrect order run took <span id='no'></span> msec.</div>
CSS
body { background-color: #247; }
div { color: #fff; }
JavaScript
const size = 5000;
const measure = function(id, func) {
const t0 = performance.now();
func();
const t1 = performance.now();
document.getElementById(id).innerText = Math.floor(t1 - t0);
};
const matrix = [];
for(i = 0; i < size; i++) {
matrix[i] = [];
for(j = 0; j < size; j++) {
matrix[i][j] = 1;
}
};
measure("o", function() {
for(i = 0; i < size; i++) {
for(j = 0; j < size; j++) {
matrix[i][j] = matrix[i][j] * 2;
}
}
});
measure("no", function() {
for(i = 0; i < size; i++) {
for(j = 0; j < size; j++) {
matrix[j][i] = matrix[j][i] * 2;
}
}
});