visibility: hidden vs display: block

Performance differences. Uncomment line with "display: none" to catch it.

JavaScript

document.addEventListener("DOMContentLoaded", () => {
	console.log("start render")
	;[...Array(100000)].forEach((_, i) => {
  	var div = document.createElement("div")
    div.innerHTML = i
    div.style.cursor = "pointer"
    div.style.visibility = "hidden"
    /* div.style.display = "none" */
    document.body.appendChild(div)
  })
  console.log("end render")
})