DOM Rendering Performance

What performance optimization technique is demonstrated here?

const container = document.getElementById('container');
container.style.display = 'none';
for (let i = 0; i < 100; i++) {
  const element = document.createElement('div');
  container.appendChild(element);
}
container.style.display = '';

Event bubbling
Layout batching
This code demonstrates layout batching by temporarily hiding the container while performing multiple DOM updates. This optimization technique: 1) Prevents intermediate reflows and repaints during updates, 2) Batches all layout calculations into a single operation when the container is shown again, 3) Improves performance when making multiple DOM modifications, 4) Reduces visual flickering. However, this should be used carefully as it temporarily hides content from users. Alternative approaches include using DocumentFragment or requestAnimationFrame for batching updates.
DOM caching
Memory pooling

Next Question (9/20)