medium10 pts · first answer countshtml-cssperformance

A slow loop that resizes cards

Why is this loop slow with 500 cards?

cards.forEach((c) => {
  c.style.height = "auto"
  c.style.height = c.offsetHeight + 10 + "px"
})

A.style.height is a slow property for the browser to setB.forEach is slower than a for loop by 500×C.String joining with + is slow in loopsD.Each offsetHeight read after a write forces layout

Discussion 0

Join free to post in the discussion.

A slow loop that resizes cards

Discussion 0

Related questions