Apuntes

• Realizar mutaciones en el DOM tiene un costo
• Cuando usamos frameworks y liberáis lo que más cuesta en estas librerías es estar haciendo operaciones en el DOM
• Entre menos operaciones realicemos en el DOM especialmente escribir y eliminar cosas más rápidas sera el website

Ejemplo: Escribir 100 inputs

🙅‍♂️ No optimo

for(let i = 0; i < 100; i++){
	const node = document.createElement("input");
	document.body.appendChild(node); // Modificamos 100 veces
}

👨‍💻 Optimo

const nodes  = [];
for(let i = 0; i < 100; i++){
	const node = document.createElement("input");
	nodes.push(nodes)
}
	document.body.append(...nodes); // Modificamos 1 sola vez

<aside> 📌 RESUMEN: Mientras menos modificaciones hagamos en el DOM mayor sera el rendimiento del website

</aside>