Batching updates vs multiple DOM modifications

"Common knowledge" for performance oriented web developers of the 2010's was to batch DOM multiple updates to the DOM using a DocumentFragment. That would ensure that you only got a single DOM reflow when adding that document fragment, as opposed to multiple reflows. Is this true in 2025?

This should show the two methods are approximately exactly the same in the browser landscape of 2025 (and beyond). It seems the browsers do quite fancy optimisations and batching under the hood, so the added complexity is not worth it (in this case!).

Bencmarking details

• Reset DOM state between runs (clear and regenerate elements completely before each test).
• Use requestAnimationFrame or setTimeout between tests (allows browser rendering cycle to complete, preventing caching effects).
• Repeat multiple times and average (reduces outliers due to browser behavior or system load).

So we do just that ... Also, the benchmark says sorting, but it really just shuffles the rows around and sees how fast we can update the DOM.