Estaba tratando de simular un lienzo con solo etiquetas div con 1 píxel cada una, así que configuré divs en nodos, ¡y me entristeció! ¿Por qué tenemos 2.073.600 píxeles controlados por computadora todo el tiempo y si lo configuramos para controlar div, consume demasiada memoria y es tan lento? Es solo una página full hd...

función loadsketh(){

 var totalblocksX = 1920 var totalblocksY = 1080 for(var addedblocksY = 0 ; addedblocksY < totalblocksY; addedblocksY++){ let blocklineY = document.createElement("article"); blocklineY.style.display = "flex" blocklineY.style.flexDirection = "row" for(var addedblocksX = 0 ; addedblocksX < totalblocksX; addedblocksX++){ let blocklineX = document.createElement("article"); let block = document.createElement("div") block.style.backgroundColor = "black" block.style.height = "1px" block.style.width = "1px" block.onmouseover = function(){block.style.backgroundColor = "orange"} blocklineX.append(block) blocklineY.append(blocklineX) } addedblocksX = 0 scketch.append(blocklineY) } document.body.append(scketch) }

diagrama de carga()

var tamaño de bloqueX = 200 var tamaño de bloqueY = 200

var blocklineX = 200 var blocklineY = 200

var bloques agregadosY = 0

documento.cuerpo.estilo.margen = "0px"

¿Alguna idea para ser más rápido? ¿alguna pregunta?